12306用户管理系统

12306用户管理系统一、实践目的1.简介本次实训主要学习如何和小组成员一起做一个完整的项目，一个完整的项目包括数据库、前端页面设计和后端逻辑接口与实现。一个人做一个完整的项目，项目的周期会很长，而小组成员之间的分工合作可以使项目周期缩短。通过对Java的学习，学会使用HTML标记语言，通过CSS对页面的布局，通过jQuery框架和Mybatis框架构造数据库，通过Servlet技术对后端逻辑接口与实现，使三个部分连接起来形成一个整体，使其页面显示的各个功能逐一实现。2.目的（1）熟练掌握并练习java的基本语法（2）了解并掌握Web应用基础、HTML基础、CSS应用、jQuery框架、Mybatis框架和Servlet技术二、实践内容1.数据库设计（1）JQuery框架jQuery是一套全新的Javascript脚本库。jQuery给我们编写代码提供了强大的功能函数，能够帮助我们使各项功能的实现迅速完成，而且可以使我们编写的代码更加简单；javascript脚本不能跟不同浏览器兼容，常常这个页面能在浏览器下运行没问题，但是在其他浏览器下就会出现各种各样的毛病。所以为了解决能在不同浏览器下都能正常运行，就创造了一套新的Javascript脚本库——jQuery，自从有了这个新的Javascript脚本库，我们能在jQuery中对Event事件中所运用到的所有对象被所有浏览器都能通用，之前的Javascript脚本库要从event获取事件，然后在ie下是event.srcElements，但是ff等标准浏览器是用event.target，二者不统一带来了使用不方便，从而影响了我们编写的代码的普适性。而jQuery通过统一event对象，让我们可以在所有浏览器中使用event.target获取事件对象；jQuery还可以实现滑动效果、淡入淡出等动画效果，让我们能够更好的提高使用效果。（2）Mybatis框架MyBatis应用程序根据XML配置文件创建SqlSessionFactory，SqlSessionFactory在根据配置文件和Java代码的注解，获取一个SqlSession。SqlSession包括执行sql所需要的所有方法，还可以通过SqlSession实例直接运行相对应的sql语句，实现对数据的增添删改查找等功能。Mybatis不仅小而且操作简单易上手。不需要在安装其他软件，只需要下载两个jar文件和几个配置sql映射文件就可以运用。Mybatis容易学习和操作，通过文件和其中的源代码，就可以比较了解和掌握它的设计思路并且实现；mybatis不会对应用程序或者数据库的设计造成任何不好的影响。sql写在xml里，便于统一管理和优化。我们通过sql基本上可以实现我们所需要的所有功能；并且通过提供DAL层，可以将业务逻辑和数据访问逻辑进行分离，使系统的设计让我们更加清楚明白，更加容易对系统进行维护和测试。但是，用mybatis编写还是会有些缺点，比如当字段多、关联表复杂时，编写SQL语句相当繁复，工作量大，而且SQL语句还很依赖数据库，因为每个公司用的数据库不同从而导致数据库里的数据移动不便，不能随意更换数据库，并且mybatis使用的框架也比较简陋，功能不全，虽然需要用代码编写数据的工作量减少了，但是在做数据库查询所需要的代码还是要自己编写，没有快捷方式可以自动查询，导致实际的代码编写工作还是很大，而且不太容易进行数据库修改。总体而言：mybatis的优点同样是mybatis的缺点，正因为mybatis使用简单，数据的可靠性、完整性的瓶颈便更多依赖于程序员对sql的使用水平上了。sql写在xml里，虽然方便了修改、优化和统一浏览，但可读性很低，调试也非常困难，也非常受限。2.前端页面设计通过运用Java语言，熟练的运用Web应用基础、HTML基础和CSS应用开发交互式动态Web网页，并且使网页能够动态显示，美观大方。（1）HTML原理及基础HTML文件可以被各种不同的网页浏览器读取形成网页，然后借网页这个平台来展示各种各样资讯的文件。所以总体而言，Internet（互联网）是一个由一系列传输协议和各类文档所组成的集合，HTML文件只是其中一种。然而这些HTML文件可以存储在世界各地的服务器硬盘上，通过传输协议远程获取这些文件所传达的资讯和信息。网络浏览器，比如MicrosoftInternetexplorer可以用来解释HTML文件并显示在网页上。当你使用浏览器在互联网上浏览网页时，浏览器软件就自动完成HTML文件到网页的转换。学习HTML，要能清楚了解并运用HTML的基础标记，例如html、body、head、mcta、title、br、font、物理字体、逻辑字体和注释；HTML的标记属性，例如width、height、align、background等；利用form、text、password、button和checkbox生成HTML表单，利用image插入HTML图片，利用table、tr、td、th、表格布局和添加背景图片生成HTML表格。（2）CSSCSS，也称为层叠样式表，它的主要功能是用于控制网页样式，并允许将样式代码与网页内容分离的一种标记性语言。总体而言，我们引入CSS的目的是为了使得HTML语言能够运用在页面布局方面，使页面布局更加精致美观。CSS以HTML语言为基础，增加了格式化功能，比如宽度、高度、文字大小、float浮动等，并且网页设计者可以根据不同的需求进行个性化设计不同浏览器风格，可以用于显示器、打印机、平板电脑、手机等移动设备。样式是CSS最小语法单元，每个样式包含选择器和声明（规则），选择器是为了告诉浏览器这个样式将要改变页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定class或id值等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。声明可以增加一个或者无数个，这些声明告诉浏览器如何去渲染选择器指定的对象。3.后端逻辑接口与实现类（1）Servlet技术Servlet是一种独立于平台和协议的服务器端的Java技术，可以用来生成动态的Web页面，还可以使用JavaServlet应用程序设计接口（API）及相关类和方法的Java程序。它主要处理客户端传来的HTTP请求，并返回一个响应。通常Servlet是指HttpServlet，用于处理HTTP请求。它能够处理的请求有：getProtocal()、getMethod()、getRequestURI()等。在开发Servlet时，可以直接继承javax.servlet.http.HttpServlet。Servlet的框架是由两个Java包组成：javax.servlet包：定义了所有的Servlet类都必须实现或扩展的通用接口和类；javax.servlet.http包：定义了采用HTTP协议通信的HttpServlet类。Servlet可以适用于不同平台的使用，而且里面的数据能够移动到另一个平台上使用。它可以使用java语言编写，而且它的ServletAPI标准完善，程序执行效率高，使用简单方便，可轻轻松松处理所有的HTML表单数据，并且能够读取和设置HTTP头，处理cookie,跟踪会话。（2）MVC分层架构本次项目我们采用MVC分层架构的模式，M：Model层主要负责要处理的业务代码和数据操作代码；V：View向用户展示数据，通常指用户看到的界面，通常由Html+js+css组成；C：用于模型和视图的协调，保证数据的同步，一旦模型发生改变视图也会同步进行改变。因为MVC中V负责显示数据，而显示的数据若想要改变，只要变动V中的代码，C和M层中的代码并不需要改变，所以采用MVC分层架构要比较方便，有利于后期管理。（3）Cookie过滤器Cookie意为“甜饼”，是由W3C组织提出，最早由Netscape社区发展的一种机制。目前Cookie已经成为标准，所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cookie。由于HTTP是一种无状态的协议，服务器从网络连接上无法得知客户身份。所以Cookie就是为了解决这一难题，它就利用身份证的原理，给客户端一人发一个身份证吧，这样无论谁访问都携带自己的身份证，从而使服务器能够确认并通过客户。Cookie本质上是一小段文本信息。客户端请求服务器，那么服务器就记录该用户状态，并使用response向客户端浏览器颁发一个Cookie。客户端浏览器则把Cookie保存起来。当浏览器再次请求这一网站时，浏览器就把请求的网址和该Cookie一同提交给服务器。服务器检查该Cookie，用来辨认用户状态。三、实践过程1.需求分析根据市场调研分析用户的需求，根据实际需求设计订票系统的功能。实现网上订票的方便性、快捷性、完善性，并划分系统的逻辑功能模块。这次我们设计的12306系统中火车票的购买是通过网络购买。其中列车时刻表的设定比较复杂，它涉及到起始站、终点站、途经站和到达各站的时间，因此管理员系统要满足以下需求：（1）乘客输入所在城市、将要去往的城市和出行时间，即可查询当天所有相应的车次信息，从而根据自己的时间来选择自己想要乘车的车次；（2）通过查询来查看服务相关信息，管理员可以对用户进行设置以及添加与修改用户信息；（3）对用户订票信息的办理。网络车票订购系统的目标是为了让客户能简单高效的购到一张自己各方面都会满意的车票，其中车票的信息包括出发/到达时间、票额、座位、出发地/目的地等。因此，本设计要实现以下设计目标：（1）所有旅客必须首先注册会员，以便于系统管理；（2）提供会员注册、登录、修改注册信息等功能；（3）建立车次信息查询模块，可以通过所在城市、将要去往的城市和出行时间查询所需车次的详细信息；（4）选择出发日期与车次，当日期与车次信息确定时，相关信息可自动呈现给客户以供选择，避免不实信息对客户的影响，并输入订购票券的张数；生成取票号码，系统为每-张订单生成一一个唯一的交易代码，用户通过交易代码到联网票点取票；（5）交易尚未结束(未取票)的订票记录可以采取网上退订等功能，取得实物车票的客户可以持己购票券车站退换。本系统分为面对客户，面对管理员两个子系统：面对客户子系统主要是在Internet上接受来自客户访问，进行车票查询与订购的前台销售系统：面对管理员子系统则是在Internet内部用于网站的管理员管理客户订票信息：车票信息的后台管理系统。2.建立数据库（1）数据流图SEQ图\*ARABIC1车票图SEQ图\*ARABIC2车厢图SEQ图\*ARABIC3订单图SEQ图\*ARABIC4列车图SEQ图\*ARABIC5票价图SEQ图\*ARABIC6剩余车票图SEQ图\*ARABIC7停车时间图SEQ图\*ARABIC8用户信息图SEQ图\*ARABIC9座位信息（2）查询与视图图SEQ图\*ARABIC10设计订单视图图SEQ图\*ARABIC11查询某辆列车途径车站视图图SEQ图\*ARABIC12查询某辆列车未支付的用户信息图SEQ图\*ARABIC13查询一辆车的已订的人数图SEQ图\*ARABIC14根据车次查询车票图SEQ图\*ARABIC15出发站终点站乘车时间查询剩余票数2.前端页面设计（1）主页面图SEQ图\*ARABIC16主页面（2）登录页面图SEQ图\*ARABIC17登录页面（3）所有用户管理图SEQ图\*ARABIC18所有用户管理（4）新增用户管理图SEQ图\*ARABIC19新增用户管理3.后端逻辑接口与实现类图SEQ图\*ARABIC20存储省份城市信息图SEQ图\*ARABIC21获取省份城市按钮图SEQ图\*ARABIC22获取注册按钮图SEQ图\*ARABIC23检验身份证信息图SEQ图\*ARABIC24设置颜色四、实践体会通过这次12306项目实践活动激发学习兴趣，小组成员之间通力合作，根据个人的兴趣安排不同的部分，充分调动了我们学习的兴趣，觉得编程也是很有趣的，所以大家就愿意去想、去动手、去跟同组的小伙伴商量交流，并且运用网络资源寻找答案，或寻求老师的指导，然后大家一起完成了本次实践内容。经过这次实践活动，我感受到了小组合作的好处，通过组内分工，细化每个人负责的部分，只要干好各自分配的内容，然后再把数据库、前段页面和后端逻辑接口与实现链接在一起，就可以完成本次项目。因为每个人只需要负责一小部分，不需要负责很多，使整个项目的效率大大提高，还能锻炼团队协作能力。本次12306项目实践，我负责的是前端页面设计，在整个网页制作的过程，我学会了很多知识。在设计网页的这几天里，我虽然也才接触前端网页设计不久，但是我利用这次做12306网页设计的机会，再次好好复习了之前老师教过的基础标记，努力将这些知识能牢牢记住并掌握，不辜负这几天老师辛辛苦苦的教学。做好12306的页面不是一件容易的事，页面内容包括好几个部分，每个部分都不是那么容易就能做好的，我们要找好12306网对应的图片并对图片进行处理，要对页面每个部分的内容进行整理和排版处理，还要顾及背景和整套网页的色调是否合适等，就页面排版处理我就费了好大的功夫，因为我对图片的尺寸、位置的数据不是很敏感，我在进行排版时是一边设置数据，一