day85 学生管理系统---单表

分手后的思念是犯贱 2023-10-09 11:32 68阅读 0赞

*  今日内容
 *  学员管理系统
 *  main
    
     *  html
     *  python
 *  登录：
    
     *  html
     *  python
 *  注册
    
     *  html
     *  python
 *  显示数据
    
     *  html
 *  增删改查(新url)
 *  增
    
     *  html
     *  python
 *  删(无html，不分url和ajax)
    
     *  python
 *  改
    
     *  html
     *  python
 *  增删改查(ajax)
 *  增
 *  改
 *  路由系统
 *  总结

回顾昨天内容

1. web应用的本质 socket模块写的服务端 a. 路由系统 url和函数的对应关系 flask、django、torando中存在 b. 模板引擎 （渲染） 将服务端处理好的数据替换到html页面（模板）中 静态资源（文件） ：css、js、img 2. django a. django中的路由： urls.py: def f1(request): pass urlpatterns = [ # url(r'^admin/', admin.site.urls), url(r'^index/', index), url(r'^f1/', f1), ] b. 模板： 渲染： render(request, "index.html") 渲染数据类型： 简单数据： name = ‘zekai’ render(request, "index.html", {'name':name}) html: { {name}} 列表渲染： li = ['aaa', 'bbb', 'ccc'] render(request, "index.html", {'li':li}) html: 单个： { {li.0}} { {li.1}} 循环： {% for item in li%} { {item}} {% endfor %} 字典渲染： dict = {"name":'zekai', 'age':18} render(request, "index.html", {'dict':dict}) html: 单个： { {dict.name}} 循环： keys: {% for item in dict.keys %} { {item}} {% endfor %} values: {% for item in dict.values %} { {item}} {% endfor %} {% for key, val in dict.items %} { {key}} -- { {val}} {% endfor %} 列表中套字典： {% for item in dict.keys %} { {item}} {% endfor %}

## 今日内容 ##

课程表，学生表，老师表，课程与老师的关系表： 增删改查 新URL的方式，模态框ajax方式

## 学员管理系统 ##

表结构

## main ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学生管理系统</title> <style> div { height: 400px; width: 300px; margin: 100px auto; background-color: #ccc; text-align: center; } p { display: block; padding-top: 150px; } </style> </head> <body> <div> <p><a href="/login/">sign in</a></p> <a href="/register/">sign up</a> </div> </body> </html>

### python ###

from django.conf.urls import url from django.contrib import admin from django.shortcuts import HttpResponse, render, redirect import pymysql def main(request): return render(request, 'main.html')

## 登录： ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录界面</title> <style> div { height: 400px; width: 300px; margin: 0 auto; background-color: #ccc; } p { color: red; text-align: center; } </style> </head> <body> <div> <h2>登录界面</h2> <form action="/login/" method="post"> 用户名：<input type="text" name="username"><br> 密   码：<input type="password" name="pwd"><br> <button type="submit">提交</button>  <p>{ { res }}</p> </form> </div> </body> </html>

### python ###

def login(request): # 判断是什么模式 if request.method == 'GET': return render(request, 'login.html') elif request.method == 'POST': # 获取用户名和密码 username = request.POST.get('username') pwd = request.POST.get('pwd') # print(username) # print(pwd) # 连接数据库进行验证 conn = pymysql.connect( user = 'root', password = '123', database = 't3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'select * from user where username = %s and pwd = %s' # 进行数据验证 if cursor.execute(sql, (username, pwd)): return redirect('/classes/') else: return render(request, 'login.html', {'res': '登录失败'})

## 注册 ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册界面</title> <style> div { height: 400px; width: 300px; margin: 0 auto; background-color: #ccc; } p { color: red; text-align: center; } </style> </head> <body> <div> <h2>注册界面</h2> <form action="/register/" method="post"> 用户名：<input type="text" name="username"><br> 密   码：<input type="password" name="pwd"><br> <button type="submit">提交</button> <p>{ { res }}</p> </form> </div> </body> <script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> if ($('p').text() === '注册成功,即将在3秒后跳转登录界面...') { {#延迟3秒进入登录接口#} setTimeout(function () { window.location.href = '/login/'; }, 3000); console.log(1) } </script> </html>

### python ###

def register(request): if request.method == 'GET': return render(request, 'register.html') elif request.method == 'POST': username = request.POST.get('username') pwd = request.POST.get('pwd') if not (username and pwd) : return render(request, 'register.html', {'res': '帐号密码不能为空'}) conn = pymysql.connect( user = 'root', password = '123', db = 't3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'select * from user where username=%s' if cursor.execute(sql, (username,)): return render(request, 'register.html', {'res': '帐号已注册'}) sql = 'insert into user(username, pwd) values(%s, %s)' cursor.execute(sql, (username, pwd)) conn.commit() return render(request, 'register.html', {'res': '注册成功,即将在3秒后跳转登录界面...'}) else: return HttpResponse('404 not found')

## 显示数据 ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a { text-decoration: none; } td a:nth-child(1) { color: red; } </style> {# 遮盖层 #} <style> .cover { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: black; opacity: 0.4; display: none; } </style> {# 弹出框层 #} <style> .up { height: 250px; width: 400px; top: 100px; left: calc(50% - 200px); border: 1px solid; position: fixed; background-color: white; text-align: center; display: none; } </style> </head> <body> <h1><a href="/classes/">学生管理系统</a></h1> <h2>班级目录</h2> <table border="1px"> <thead> <tr> <th>ID</th> <th>班级名称</th> <th>操作</th> </tr> </thead> <tbody> {% for i in classes %} <tr> <td>{ { i.cid }}</td> <td>{ { i.cname }}</td> <td> <a class="aaa" href="/delete_cl?cid={ { i.cid }}" name="">删除</a>| <a href="/update_cl?cid={ { i.cid }}">更新</a>| <button class="ajax_up" type="button">ajax更新</button> </td> </tr> {% endfor %} </tbody> </table> <div> <button> <a href="/create_cl/">添加班级</a> </button> <button type="button" class="ajax_create">ajax添加</button> </div> {#遮盖层#} <div class="cover"> </div> {#添加弹出层#} <div class="up create_up"> <h3>添加课程</h3> 请输入课程名：<input type="text"> <button type="submit" class="create_btn">提交</button> <button type="button">取消</button> </div> {#更新弹出层#} <div class="up update_up"> <h3>更新课程</h3> <input class="update_cid" type="hidden"> 请输入课程名：<input class="update_classname" type="text"> <button type="submit" class="update_btn">提交</button> <button type="button">取消</button> </div> </body> <script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> {# 删除接口 #} $('.aaa').click(function () { if (confirm('是否确认删除')) return true; else return false; }); {# ajax创建接口 #} $('.ajax_create').click(function () { {#$('.cover').css('display', 'block');#} {#$('.create_up').css('display', 'block');#} {#相当于上面两个加起来#} $('.cover, .create_up').show(); }); {# ajax创建取消 #} $('.create_btn ~ button').click(function () { {#$('.cover').css('display', 'none');#} {#$('.up').css('display', 'none');#} {#相当于上面两个加起来#} $('.cover, .create_up').hide(); {#window.location.href='';#} }); {# ajax创建-提交 #} $('.create_btn').click(function () { classname = $('.up input').val(); console.log(classname); {# 没输出，就不管 #} if (!classname) { $('.up input').attr('placeholder', '内容不能为空'); return } console.log('成功输出'); {#向后台发送ajax请求#} $.ajax({ type: "POST", url: "/ajax_create_cl/", data: { classname, }, success: function(msg){ if (msg === 'true') { alert('添加成功'); window.location.href = '' }else if (msg === 'false'){ alert('添加失败，请重新输入'); } } }) }) {# ajax更新接口 #} $('.ajax_up').click(function () { $('.cover').css('display', 'block'); $('.update_up').css('display', 'block'); let input = $(this).parent().prevAll(); let classname = input[0].innerText; let cid = input[1].innerText; $('.update_classname').val(classname); # 顺便把id的值也传出去，方便下面用 $('.update_cid').val(cid); }); {# ajax更新取消 #} $('.update_btn ~ button').click(function () { $('.cover').css('display', 'none'); $('.update_up').css('display', 'none'); {#window.location.href='';#} }); {# ajax更新提交 #} $('.update_btn').click(function () { let cid = $('.update_cid').val(); let classname = $('.update_classname').val(); $.ajax({ type: 'post', url: '/ajax_update_cl/', data: { cid, classname, }, success: function (msg) { if (msg === 'true') { alert('修改成功'); window.location.href = '' } } }) }) </script> </html>

## 增删改查(新url) ##

## 增 ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新增</title> <style> </style> </head> <body> <h1><a href="/classes/">学生管理系统</a></h1> <h2>新增班级</h2> <form action="/create_cl/" method="post"> <label for="cn">classname：</label> <input id="cn" type="text" name="classname" placeholder="请输入班级名称"> <button type="submit">提交</button> </form> </body> <script> </script> </html>

### python ###

def create_class(request): if request.method == 'GET': return render(request, 'create_class.html') elif request.method == 'POST': classname = request.POST.get('classname') conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'insert into classes(cname) values(%s)' if cursor.execute(sql, (classname,)): conn.commit() return redirect('/classes/') else: return redirect('/create_cl/') else: return HttpResponse('404 not found')

## 删(无html，不分url和ajax) ##

### python ###

def delete_class(request): cid = request.GET.get('cid') conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'delete from classes where cid=%s' cursor.execute(sql, (cid,)) conn.commit() return redirect('/classes/')

## 改 ##

### html ###

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>更新</title> <style> </style> </head> <body> <h1><a href="/classes/">学生管理系统</a></h1> <h2>更新班级信息</h2> <form action="" method="post"> <input type="hidden" name="cid" value="{ { classes.cid }}"> <input type="text" name="cname" value="{ { classes.cname }}"> <button type="submit">确认修改</button> </form> </body> <script> </script> </html>

### python ###

def update_class(request): if request.method == 'GET': cid = request.GET.get('cid') # print(cid) conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'select * from classes where cid=%s' cursor.execute(sql, (cid,)) classes = cursor.fetchone() return render(request, 'update_class.html', {'classes': classes}) elif request.method == 'POST': cid = request.POST.get('cid') cname = request.POST.get('cname') conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'update classes set cname=%s where cid=%s' cursor.execute(sql, (cname, cid)) conn.commit() return redirect('/classes/') else: return HttpResponse('404 not found')

## 增删改查(ajax) ##

## 增 ##

def ajax_create_cl(request): # 以防不正常的进入 if request.method != 'POST': return HttpResponse('404 not found') classname = request.POST.get('classname') if not classname: return HttpResponse('false') conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'insert into classes(cname) values(%s)' if cursor.execute(sql, (classname,)): conn.commit() return HttpResponse('true') else: return HttpResponse('false')

## 改 ##

def ajax_update_cl(request): if request.method != 'POST': return HttpResponse('404 not found') cid = request.POST.get("cid") classname = request.POST.get('classname') conn = pymysql.connect( user='root', password='123', db='t3' ) cursor = conn.cursor(pymysql.cursors.DictCursor) sql = 'update classes set cname=%s where cid=%s' cursor.execute(sql, (classname, cid)) conn.commit() return HttpResponse('true')

## 路由系统 ##

urlpatterns = [ # url(r'^admin/', admin.site.urls), url(r'^$', main), url(r'^login/', login), url(r'^register/', register), url(r'^classes/', show_classes), url(r'^create_cl/', create_class), url(r'^delete_cl/', delete_class), url(r'^update_cl/', update_class), url(r'^ajax_create_cl/', ajax_create_cl), url(r'^ajax_update_cl/', ajax_update_cl), ]

班级表 （单表的操作）
          classes:
          
             cid     cname
             1        脱产九期
             2        脱产99期
             
       
       学生表 （一对多关系操作）   
          students
          
             sid     sname    cid （外键关联classes表cid）
              1       雷俊     1
              2       lala     1
              3       haha     2
              
          
       
       老师表 （单表操作）
          teacher
    
             tid    tname
              1      zekai
              2      sean
              3      owen
              4     jerry
              5      nick
              
             
       
       老师对班级表 （多对多的关系）
             teacher2class
                
                id    tid(外键teacher表tid)    cid（外键classes表的cid） 
                 1     1      1
                 2     1      2
                 3     2      1
          
       - 新URL的方式
       
       - 模态框ajax方式
       
       
       
    今天的作业：
       
       1. 登录 (pymysql连接)
       
       2. 删除（加上确认删除的效果）
       
       3. 增加删除修改查询 （新url的方式）

## 总结 ##

多print，多console.log request.method是获取用户提交数据的类型 setTimeout(function () { window.location.href = '/login/'; }, 3000); 除了查询外多使用fetchone，而不是fetchall，因为one是字典，all是列表套字典 除了判断execute返回的值之外，还可以通过cursor.lastrowid，和conn.insert_id()来获取更新的主键值，他们的区别很小 jq中jq对象.show()相当于jq对象.css('display', 'block').hide是none 对于数据内容，前端后台都要进行判断是否为0，因为js可以被禁用，所以需要双保险 总结一下return的三种方式 httpresponse('字符串') ：只能返回字符串 render(request, 'html模版文件的路径', {'参数名': 参数}) redirect('url')：直接跳转 httpresponse中必须为字符串 循环中的标签，不要使用id，不然只会有一个 总结：数据前后台传输 在浏览器中输入网址回车，是一个get请求 而在form中，可以通过method设置成post请求 get：直接将参数拼接在url后 post：不拼接，但也只是相对安全 post方式，在前端标签中，name是键，value是值，value可以指定默认值，但是如果用户输入了，就会覆盖。 后台则使用request.POST.get('键')的方式来获取值 get方式，如果是form，则正常填写就可以，如果是其他标签提交，需要在转跳的页面要加上`?参数名=参数`，模拟form提交 后台则使用request.GET.get('参数名')的方式获取值 input和button只有在form中才会提交name和value中的值，提交方式为get，则会把提交的内容添加到url后面，提交的方式为post，则不会添加 # 在登录时，达到一个虚拟的提示框的效果 在html中写一个标签，但是不写内容，只写{ {res}}，这样他是不会显示出来的，而当你往后台提交数据之后，可以通过后台的return render返回一个数据过来，然后前台就会显示这个标签了

当任务文件夹不是django时，运行文件怎么打开

定向符百度一下

转载于:https://www.cnblogs.com/lucky75/p/11324910.html