实验5_GUI编程与Web开发
64 人学过
***** 要求：将4个python代码文件压缩打包上传到ITC平台上 *****
实验5 Python GUI编程与Web开发
实验5.1：简单GUI编程-学生成绩统计
题目描述：利用tkinter库完成2项GUI编程任务。
（1）利用tkinter库设计1个如图5-1所示的GUI图形界面。
（2）利用GUI面向对象编程方式实现学生四门课程的平均成绩计算功能。
图5-1
提示：利用tkinter生成窗体、标签、文本框、命令按钮；利用grid实现窗体布局；利用GUI面向对象编程方式实现GUI编程封装。
实验5.2：综合GUI编程-学生信息管理
题目描述：利用sqlite3、tkinter、tkinter.messagebox库完成2项编程任务。
（1）使用SQLiteStudio.exe工具（sqlite3可视化管理工具，由教师提供）设计一个名为test.db数据库，库中创建一张学生数据表student(sid, sname, ssex, sage, sclass)。输入对应数据如图5-2所示。
图5-2
（2）设计一个学生信息管理类sManage，布局如图5-3所示学生管理界面，实现学生“录入”、“删除”、“修改”、“查询”、“查看”和关闭6个子功能。（以下给出单个“查询”和所有“查看”功能图示）
图5-3
提示：
（1）学生数据表字段类型除年龄设置为smallint类型外，其他可全部设置为varchar类型；
（2）利用tkinter生成窗体、标签、文本框、命令按钮和列表框；
（3）利用grid和place实现窗体布局和控件定位；
（4）利用GUI面向对象编程方式实现GUI编程封装。
（5）利用SQL语句Insert、Delete、Update和Select实现添、删、改、查基本管理功能。
实验5.3：简单Web开发-系统框架结构
题目描述：利用Web开发框架包flask完成4项编程任务。
（1）创建门户信息展示部分。分别建立4个路由渲染呈现4个网页。
路由@app.route('/')呈现门户信息主页index.html；如图5-4所示。
路由@app.route('/test1')呈现信息显示子页show_test1.html；
路由@app.route('/test2')呈现信息显示子页show_test2.html；
路由@app.route('/test3')呈现信息显示子页show_test3.htm。
其中show_test1.html、show_test2.html、show_test3.html三个信息显示子页是通过模板生成网页show.html生成模板框架并模板显示信息的。
在index.html主页中分别通过超级链接进入各自子页。
图5-4
（2）创建前端用户平台部分。分别建立5个路由渲染呈现4个网页。
路由@app.route('/user_login')呈现用户登录主页user_login.html；如图5-5所示。
路由@app.route('/user_platform')呈现用户平台主页user_platform.html；
路由@app.route('/user/')呈现参数传递子页query_user.html；如图5-6所示。
路由@app.route('/query_user')呈现参数传递子页query_user.html；如图5-7所示。
路由@app.route('/query_url')呈现方向路由子页query_url.html。如图5-8所示。
其中@app.route('/user/')和@app.route('/query_user')共用呈现query_user.html；
图5-5
图5-6
图5-7
图5-8
（3）创建后台管理平台部分。分别建立2个路由渲染呈现2个网页。
路由@app.route('/admin_login')呈现管理登录主页admin_login.html；如图5-9所示。
路由@app.route('/admin_platform')呈现管理平台主页admin_platform.html。
图5-9
（4）创建其他信息提示部分。分别建立1个路由和两个错误句柄渲染呈现3个网页。
路由@app.route('/info')呈现其他信息子页info.html；如图5-10所示。
路由@app.errorhandler(404)呈现错误信息子页404.html；如图5-11所示。
路由@app.errorhandler(500)呈现错误信息子页500.html。如图5-12所示。
图5-10
图5-11
图5-12
提示：
（1）Web系统架构一般分为四个组成部分，分别是门户信息展示、前端用户平台、后台管理平台和其他信息提示。
（2）本实验需要建立1个flask_web根目录，包含1个flask_web.py文件和1个templates子目录。
flask_web.py文件代码包含12个路由和2个错误句柄，用于启动Web服务和运行对应程序功能。
templates子目录包含13个网页。主目录结构与文件数量如图5-13所示。
图5-13
（3）使用Flask( )创建app.route( )实现路由，render_template( )呈现网页，request.args.get( )传递参数，flash( )获取数据，url_for( )反向路由，abort( )错误中止，app.run( )运行服务。
实验5.4：综合Web开发-学生信息显示
题目描述：利用sqlite3和flask库完成编程任务。
- 使用实验2设计的数据库test.db及库中学生数据表student(sid, sname, ssex, sage, sclass)。
- 利用sqlite3和flask库显示学生数据信息。
- 要求熟悉html和css基本知识，自学掌握
和等html标记，自学掌握margin、padding、border、width、height、color、text-align、line-height、vertical-align、font-size、font-weight等css样式，实验效果如图5-14所示。
图5-14
实验5_GUI编程与Web开发
***** 要求：将4个python代码文件压缩打包上传到ITC平台上 *****
实验5 Python GUI编程与Web开发
实验5.1：简单GUI编程-学生成绩统计
题目描述：利用tkinter库完成2项GUI编程任务。
（1）利用tkinter库设计1个如图5-1所示的GUI图形界面。
（2）利用GUI面向对象编程方式实现学生四门课程的平均成绩计算功能。
图5-1
提示：利用tkinter生成窗体、标签、文本框、命令按钮；利用grid实现窗体布局；利用GUI面向对象编程方式实现GUI编程封装。
实验5.2：综合GUI编程-学生信息管理
题目描述：利用sqlite3、tkinter、tkinter.messagebox库完成2项编程任务。
（1）使用SQLiteStudio.exe工具（sqlite3可视化管理工具，由教师提供）设计一个名为test.db数据库，库中创建一张学生数据表student(sid, sname, ssex, sage, sclass)。输入对应数据如图5-2所示。
图5-2
（2）设计一个学生信息管理类sManage，布局如图5-3所示学生管理界面，实现学生“录入”、“删除”、“修改”、“查询”、“查看”和关闭6个子功能。（以下给出单个“查询”和所有“查看”功能图示）
图5-3
提示：
（1）学生数据表字段类型除年龄设置为smallint类型外，其他可全部设置为varchar类型；
（2）利用tkinter生成窗体、标签、文本框、命令按钮和列表框；
（3）利用grid和place实现窗体布局和控件定位；
（4）利用GUI面向对象编程方式实现GUI编程封装。
（5）利用SQL语句Insert、Delete、Update和Select实现添、删、改、查基本管理功能。
实验5.3：简单Web开发-系统框架结构
题目描述：利用Web开发框架包flask完成4项编程任务。
（1）创建门户信息展示部分。分别建立4个路由渲染呈现4个网页。
路由@app.route('/')呈现门户信息主页index.html；如图5-4所示。
路由@app.route('/test1')呈现信息显示子页show_test1.html；
路由@app.route('/test2')呈现信息显示子页show_test2.html；
路由@app.route('/test3')呈现信息显示子页show_test3.htm。
其中show_test1.html、show_test2.html、show_test3.html三个信息显示子页是通过模板生成网页show.html生成模板框架并模板显示信息的。
在index.html主页中分别通过超级链接进入各自子页。
图5-4
（2）创建前端用户平台部分。分别建立5个路由渲染呈现4个网页。
路由@app.route('/user_login')呈现用户登录主页user_login.html；如图5-5所示。
路由@app.route('/user_platform')呈现用户平台主页user_platform.html；
路由@app.route('/user/')呈现参数传递子页query_user.html；如图5-6所示。
路由@app.route('/query_user')呈现参数传递子页query_user.html；如图5-7所示。
路由@app.route('/query_url')呈现方向路由子页query_url.html。如图5-8所示。
其中@app.route('/user/')和@app.route('/query_user')共用呈现query_user.html；
图5-5
图5-6
图5-7
图5-8
（3）创建后台管理平台部分。分别建立2个路由渲染呈现2个网页。
路由@app.route('/admin_login')呈现管理登录主页admin_login.html；如图5-9所示。
路由@app.route('/admin_platform')呈现管理平台主页admin_platform.html。
图5-9
（4）创建其他信息提示部分。分别建立1个路由和两个错误句柄渲染呈现3个网页。
路由@app.route('/info')呈现其他信息子页info.html；如图5-10所示。
路由@app.errorhandler(404)呈现错误信息子页404.html；如图5-11所示。
路由@app.errorhandler(500)呈现错误信息子页500.html。如图5-12所示。
图5-10
图5-11
图5-12
提示：
（1）Web系统架构一般分为四个组成部分，分别是门户信息展示、前端用户平台、后台管理平台和其他信息提示。
（2）本实验需要建立1个flask_web根目录，包含1个flask_web.py文件和1个templates子目录。
flask_web.py文件代码包含12个路由和2个错误句柄，用于启动Web服务和运行对应程序功能。
templates子目录包含13个网页。主目录结构与文件数量如图5-13所示。
图5-13
（3）使用Flask( )创建app.route( )实现路由，render_template( )呈现网页，request.args.get( )传递参数，flash( )获取数据，url_for( )反向路由，abort( )错误中止，app.run( )运行服务。
实验5.4：综合Web开发-学生信息显示
题目描述：利用sqlite3和flask库完成编程任务。
- 使用实验2设计的数据库test.db及库中学生数据表student(sid, sname, ssex, sage, sclass)。
- 利用sqlite3和flask库显示学生数据信息。
- 要求熟悉html和css基本知识，自学掌握
和等html标记，自学掌握margin、padding、border、width、height、color、text-align、line-height、vertical-align、font-size、font-weight等css样式，实验效果如图5-14所示。
图5-14