发布时间:2024-07-29 10:01
题外话:
此次文章的输出动力来源,是拉勾教育的大数据开发训练营课程(没有推销的意思,也没有广告费,纯粹是记录一下这个过程,陪伴我走过来的一些重要的人或事)
虽然我的学习进度并不理想,但是好在他们提供的线上班级学习氛围很给力,除了给我一种推动力,在节奏跟不上想要give up的时候,也会有热情的同学、助教、班主任及时的督促和鼓励
我会继续保持学习的状态,也会尽力跟上课程进度,提高学习效率
另外要补充一点:该系统内容为我自己根据课程学习阶段、内容吸收情况以及自己的现有编程能力开发
涉及到的技术点:
【前端】:H5、CSS3、jQuery、Vue、laydate日期控件、Font Awesome图标
(未使用UI框架)
【交互】:Axios、Ajax、JSON
【后端】:普通JavaWeb项目、Tomcat、Servlet、三层架构模式、Druid连接池、MySQL
(未使用maven工程、ssm框架、无spring相关技术、微服务技术、无redis、消息队列技术等)
【开发工具】:VS Code、IDEA、SQLyog、浏览器
补充:
- 了解MVC与三层架构可以参考这篇文章 MVC与三层架构
- VSCode中无需手动刷新,代码自动生效需要安装Live Server扩展插件
- 界面布局未使用UI框架,采用Flex响应式布局和浮动布局(登录界面支持完全响应式,首页和添加学生页面未完全实现响应式布局)
- 此文主要用于练习,代码规范程度有限,如果有童鞋对代码有疑问,欢迎探讨
实现的目标:
- 支持学生登录
- 支持查看学生列表
- 支持添加学生
详细功能包括:
- 用户登录相关
(1)用户注册入口
(2)账号校验(账号是否符合规则、账号是否重复校验)
(3)账号密码校验(密码是否符合规则)- 学生列表界面/首页
(1)数据即时更新
(2)支持手动刷新
(3)首页布局设计
(4)header和footer展示关键信息和入口- 添加学生相关
(1)账号是否重复校验
(2)账号格式校验
(3)密码格式校验
(4)评分数值校验
(5)必填项校验
(6)关闭添加窗口
完整代码下载:
查看建库及建表脚本
查看完整代码