蓝色系网站设计2017 如何做网站优化

预览

前端

jquery
css
html
bootstrap: 4.x

后端

python: 3.6.x
flask: 2.0.x

数据库

mysql: 5.7

学生管理模块

• 登录、退出
• 查看个人信息、修改个人信息
• 成绩查询
• 查看已选课程
• 选课、取消选课
• 搜索课程
• 课程列表分页功能

教师模块

• 登录、退出
• 查看个人信息、修改个人信息
• 录入学生成绩
• 导出学生成绩到excel
• 查看已开设课程、设置课程容量
• 添加开设课程、删除已开设课程
• 搜索学生、搜索课程

管理员模块

• 登录、退出
• 删除、添加学生和教师
• 取消学生已选课程，取消教师已开设课程
• 修改学生、教师信息
• 搜索学生和教师
• 修改学生或教师密码
• 修改已有学院信息，删除学院，添加学院
• 修改已有专业信息，删除专业，添加专业
• 修改已有课程信息，删除课程，添加课程

目录结构

├─ app
│  ├─ forms.py
│  ├─ models.py        后端模型层，用于定义数据库模型和处理模块
│  ├─ static        前端静态文件目录
│  │  ├─ css        css文件
│  │  │  ├─ base.css        初始化样式
│  │  │  ├─ bootstrap-select.css        bootstrap-select插件文件
│  │  │  ├─ bootstrap-select.css.map      bootstrap-select插件文件
│  │  │  ├─ bootstrap.css        bootstrap文件
│  │  │  ├─ bootstrap.css.map      bootstrap文件
│  │  │  └─ style.css        页面样式文件
│  │  ├─ images        图片
│  │  │  └─ logo.webp      logo
│  │  └─ js        javascript文件
│  │     ├─ background.js        页面粒子插件配置
│  │     ├─ bootstrap-select.js        bootstrap-select插件文件
│  │     ├─ bootstrap.bundle.min.js        bootstrap文件
│  │     ├─ bootstrap.min.js      bootstrap文件
│  │     ├─ common.js        公共js
│  │     ├─ jquery.min.js        jquery.js
│  │     ├─ jquery.table2excel.min.js        导出文件插件
│  │     ├─ navbar.js      导航js
│  │     ├─ page.js        分页js
│  │     ├─ particles.js      页面粒子插件
│  │     └─ table.js      页面表单js
│  ├─ templates        前端页面模板
│  │  ├─ 400.html        400页面
│  │  ├─ 404.html        404页面
│  │  ├─ 500.html        500页面
│  │  ├─ add_edit_user.html        
│  │  ├─ add_score.html
│  │  ├─ add_teacher_course.html
│  │  ├─ base.html        
│  │  ├─ choose_course.html
│  │  ├─ course_setup.html
│  │  ├─ edit_password.html
│  │  ├─ index.html
│  │  ├─ isChoosed_course.html
│  │  ├─ login.html
│  │  ├─ managing_college.html
│  │  ├─ managing_course.html
│  │  ├─ managing_major.html
│  │  ├─ managing_users.html
│  │  ├─ personal_information.html
│  │  ├─ revise_info.html
│  │  └─ score_query.html
│  ├─ utils        存放功能函数
│  │  ├─ query.py
│  ├─ web        视图，用于处理http请求、处理modal、返回信息
│  │  ├─ manager.py      
│  │  ├─ student.py      
│  │  ├─ teacher.py      
│  │  ├─ views.py      
│  │  ├─ __init__.py
│  ├─ __init__.py
├─ config.py        配置文件
├─ error.py        错误处理
├─ main.py        入口函数
├─ requirement.txt        项目依赖

数据库设计

安装环境

安装virtualenv
打开cmd，输入命令：

pip install virtualenv

安装新的虚拟环境：

mkdir project    新建project文件夹
cd project    进入project文件夹
virtualenv venv    安装环境

激活环境：

venv\scripts\activate

查看第三方包：

pip list

复制项目到project文件夹下，安装requirements.txt依赖

pip install -r requirement.txt

修改配置

新建数据库

打开navicat连接数据库，新建数据库，名称student_management_system或者自己取，字符集为utf8mb4，导入SQL的文件执行或者新建查询复制sql文件的内容到查询并执行

修改项目配置

config.py的配置，配置为自己的：

HOST = '127.0.0.1'
PORT = '3306' #端口
DATABASE = 'student_management_system' #数据库名称
USERNAME = 'root'  # 连接用户名称
PASSWORD = '123456' #密码

入口函数main.py修改端口：

from app import appif __name__ == "__main__":app.run(host='127.0.0.1', port=1208, debug=True)

数据库迁移

安装完上面的依赖后，执行：

#生成迁移文件夹  只执行一次：
flask db init  
#⽣成迁移版本, 保存到迁移文件夹中：
flask db migrate  
#执行迁移：
flask db upgrade 

运行

选择Enter interpreter path载入，本地的虚拟环境路径或者直接选择，VS Code从本地读取到的虚拟环境（刚才安装的venv\scripts\activate）

py main.py

登录

学生
账号：20231001
密码：123
教师
账号：30000001
密码：123456
管理员
账号：12345678
密码：admin

更多源码获取查看