Flask全栈开发案例(一) Flask+bootstrap+sqlite 学校选课管理系统(demo版)

原创

已于 2023-02-02 08:07:29 修改 · 1.5k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#flask #bootstrap #sqlite

于 2023-02-02 08:00:19 首次发布

本文介绍了使用Flask框架开发的学校选课信息管理系统，系统分为学生端和教师端，支持个人中心、课程选择、课程删除和成绩查询等功能。关键技术包括flask_wtf用于表单处理和验证，以及flask_bootstrap用于前端Bootstrap模板的渲染，提供了登录、课程管理等界面的实现细节。

文章目录

1、项目介绍

本项目主要实现了学校选课信息管理系统，分为学生端和教师端。学生端可以由学生自行注册。学生端。
本文基于flask框架，使用flask_bootstrap以及flask_wtf库去进行前端模板的渲染。数据库使用sqlite。
在这里插入图片描述

2、功能介绍-学生端

系统角色分为学生和教师。学生端功能主要包括个人中心(用户密码修改)，课程选择，课程删除以及课程成绩查询。
在这里插入图片描述
以下是该界面对应的表单相关内容，完整项目地址见文末。

{
   
   % extends 'base.html' %}
{
   
   % from 'bootstrap/nav.html' import render_nav_item %}

{
   
   % block head %}
    {
   
   {
   
    render_nav_item('student', "%s(student)"%sno, sno=sno) }}
    {
   
   {
   
    render_nav_item('student_account', 'Personal Info', sno=sno) }}
    {
   
   {
   
    render_nav_item('student_course_select', 'Course Select', sno=sno) }}
    {
   
   {
   
    render_nav_item('student_course_delete', 'Course Drop', sno=sno) }}
    {
   
   {
   
    render_nav_item('student_score', 'Score', sno=sno) }}
    {
   
   {
   
    render_nav_item('index', 'Logout') }}
{
   
   % endblock %}

选课界面默认展示全部已开设课程列表，显示课程id,课程名称，教授以及已选人数。
在这里插入图片描述

3、功能介绍-教师端

教师端功能主要包括个人中心(用户密码修改以及课程发布)，查看开设课程的学生，查看以及录入已开设课程的学生成绩。

在这里插入图片描述

{
   
   % extends 'base.html' %}
{
   
   % from 'bootstrap/nav.html' import render_nav_item %}

{

最低0.47元/天解锁文章