个人学期总结
1.本人在这学期中学习了管理信息系统这门科目,这门科目主要讲解了基于Python的Flask框架web建设项目。学习用html元素制作web网页,观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作。制作自己的导航条,认识css的盒子模型,用div等元素布局形成html文件。完成了登录与注册页面的html+css+js, 夜间模式的开启和关闭,制作网站网页共有元素的父模板html,包括顶部导航,中间区块划分,底部导航,底部说明等。汇总相关的样式形成独立的css文件,使用 js代码形成独立的js文件,形成完整的base.html+css+js。 后期,进行flask项目,理解flask项目主程序,使用装饰器,设置路径与函数之间的关系。加载静态文件,父模板的继承和扩展。连接mysql数据库,创建用户模型,通过用户模型,对数据库进行增删改查,完成登录、注册、发布评论等功能,继续对我们的项目进行完善。
2、总结Python+Flask+MysqL的web建设技术过程,标准如下:
- 即是对自己所学知识的梳理
- 也可作为初学入门者的简单教程
- 也可作为自己以后复习的向导
- 也是一种向外展示能力的途径
一.开发工具:主要工具有:pycharm64.exe + Python 3.6 64-bit + MySQL + Navicat for MySQL(辅助工具)
二.界面的实现:
1.导航条base.html,其他页面在编写的时候可以通过{% extends 'base.html' %}去调用
"en"> "UTF-8">{% block title %}首页{% endblock %} "stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> {% block head %}{% endblock %} <body background="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1514551681109&di=4e795153c9660db74ff06c1463180876&imgtype=0&src=http%3A%2F%2Fimg.ph.126.net%2FlCFW6F0A46eced8IjrhWOQ%3D%3D%2F2570148012361858430.jpg" style="background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed;"> {% block main %} {% endblock %}class="copyRight" style="background:skyblue;text-align: center;position:fixed; left:0px; bottom:0px; width:100%; height:30px; z-index:9999"> Copyright huiyi版权所有
2.登陆页面(登录与注册页面的HTML+CSS+JS)
1通过用视图函数反转得到URL,{{url_for(‘login’)}},完成导航条里的链接。
(1)
(2)flask 从static文件夹开始寻找
(3)可用于加载css, js, image文件
2通过login.js实现(用户名6-12位,首字母不能是数字,只能包含字母和数字,密码6-12位,注册页两次密码是否一致)
3.对父模版的继承和扩展
(1)把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
(2)子模板继承父模板 {% extends 'base.html’ %}
(3)父模板提前定义好子模板可以实现一些自己需求的位置及名称。
{% block head %}{% endblock %}
{% block main %}{% endblock %}
(4)子模板中写代码实现自己的需求。
{% block title %}登录{% endblock %}
{% extends 'base.html' %} {% block title %} 登录 {% endblock %} {% block head %} "{{ url_for('static',filename='css/login.css') }}" rel="stylesheet" type="text/css"> {% endblock %} {% block main %}
class="login" >{% endblock %}登录
3.评论页面
三.Flask项目
1.使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。
2.实现注册
(1)js文件: onclick函数return True时才提交表单,return False时不提交表单。
(2)html文件: