不能再low的初级练手项目【学生信息管理系统】登录 + 注册 + 列表展示

发布时间: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、浏览器


补充:

  1. 了解MVC与三层架构可以参考这篇文章 MVC与三层架构
  2. VSCode中无需手动刷新,代码自动生效需要安装Live Server扩展插件
  3. 界面布局未使用UI框架,采用Flex响应式布局和浮动布局(登录界面支持完全响应式,首页和添加学生页面未完全实现响应式布局)
  4. 此文主要用于练习,代码规范程度有限,如果有童鞋对代码有疑问,欢迎探讨

实现的目标:

  1. 支持学生登录
  2. 支持查看学生列表
  3. 支持添加学生

详细功能包括:

  1. 用户登录相关
    (1)用户注册入口
    (2)账号校验(账号是否符合规则、账号是否重复校验)
    (3)账号密码校验(密码是否符合规则)
  2. 学生列表界面/首页
    (1)数据即时更新
    (2)支持手动刷新
    (3)首页布局设计
    (4)header和footer展示关键信息和入口
  3. 添加学生相关
    (1)账号是否重复校验
    (2)账号格式校验
    (3)密码格式校验
    (4)评分数值校验
    (5)必填项校验
    (6)关闭添加窗口

完整代码下载:

查看建库及建表脚本
查看完整代码


正文目录

    • 一、界面开发(VS Code)
    • 二、后端结构搭建(IDEA)
    • 三、添加前端校验(VS Code)
    • 四、后端功能实现(IDEA)
    • 五、前后端联调(IDEA)
    • 六、相关参考资料(浏览器)

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号