客车网上售票系统(1)

1、今日完成任务:

(1)、搭建ssm框架

(2)、登录页面设计

(3)、登录后台功能实现

(4)、主页面设计

(5)、注册页面设计

(6)、注册后台功能实现

2、核心源码:

配置文件:整合了ssm,故在配置文件中需要配置连接池、session工厂、事务管理、mapper扫描器、加载静态资源

客车网上售票系统(1)_第1张图片

 

 

 

登录页面:

  登录页面使用了layui的js弹出框,做验证用户输入提示

客车网上售票系统(1)_第2张图片

js:验证用户输入数据是否合法,验证通过后ajax进行提交

客车网上售票系统(1)_第3张图片

后台:mapperdao使用注解实现

客车网上售票系统(1)_第4张图片

controller层

客车网上售票系统(1)_第5张图片

 

 注册页面,注册页面在主页面模块下完成,所以先设计了主页面

客车网上售票系统(1)_第6张图片

主页面和注册模块cssy样式表

客车网上售票系统(1)_第7张图片

 

 注册dao

 

 

注册controller

客车网上售票系统(1)_第8张图片

 

 

3、遇到的问题:

1)前端接触比较少,在页面上花费时间较多

2)在前端框架上纠结使用哪个

3)功能设计上花费时间偏多

4、解决的方法:

1)、浏览12306网站,参考其设计;浏览bootstrap网站模板,从中找出适合自己的设计页面

2)、设计页面时候,纠结使用哪个前端框架;经过自己的了解和同事间的讨论,得知layui和easyui比较适合,最终选择了layui。因为

  easyui更偏向于后台管理页面,而我需要设计前端页面,而且对于新手来说,layui更容易上手。

3)、在设计主页面的时候,参照layui文档使用了layui的导航,自己调整颜色或者字体、间距等等花费时间较多。页面上还有些模块是自己设计的,所以比较耗费时间。

5、项目燃尽图更新 

客车网上售票系统(1)_第9张图片

 

你可能感兴趣的:(客车网上售票系统(1))