Eclipse作为开发工具，idea也可运行；Tomcat 作为应用服务器， JDK1.8 作为开发工具，MySQL 作为数据库，系统使用 MVC设计模式实现系统功能，系统界面使用 JSP 配合 JSTL 标签，以及 JavaScript 等完成。Script 来

     用户端 登录注册、 个人中心（修改个人信息）查看个人积分 浏览剧院节目（上边来个三张图轮播，下边展示剧院节目信息） 查找剧院节目（根据类别搜索，例如歌曲、小品、相声、魔术、器乐演奏） 购买剧院票（生成订单） 支付订单（在订单界面点击支付，弹出成功界面，也可以取消订单） 订单评价 申请退票（填写申请理由，等待审核） 查看历史购票（订单记录） 查看剧院通知 申请会员（如果成为会员，购票9折） 注（点开剧院节目详情可以看到节目的详细信息，座位号按照中间排，单号，双号显示票上）

     管理端 登录 剧目类别管理（分类别-增删改查） 剧目信息管理（增删改查剧院节目） 订单管理。

用户功能

前台首页: http://localhost:8080/index/index.action

登录页: http://localhost:8080/index/preLogin.action

2.2.1 用户注册

新用户登录本系统需要进行注册。用户注册功能图，如图所示

用户注册功能图

实现过程：register.jsp为注册页面；新用户在注册界面填写用户名、密码、姓名、性别、联系方式出生年月后点击“注册”按钮触发loginbtn事件通过post方法携带参数提交from表单通过action="index/register.action"调用IndexAction类的 register方法通过userService的adduser方法执行注册逻辑,把信息保存到user数据表，然后return "redirect:/index/preLogin.action"跳转到登录页输入账号密码就可以登录本网站了

2.2.2 登录

用户登录系统需要输入用户名、密码。登录功能图，如图所示。

用户登录功能图

实现过程：用户输入用户名、密码后，点击登录，会触发checkLogin点击事件通过action="index/login.action"访问控制器中IndexAction类的login()登录控制方法。根据输入用户名和密码从数据this.usersService.getUsersByCond(u)查询user对应的 密码与输入的密码对比，校验通过则成功进入到系统首页return "redirect:/index/index.action";反之则返回错误提示。系统首页如图示：

系统首页

实现过程：index.jsp为系统前台首页,进入首页会通过index方法List<Film> flimList = this.filmService.getFilmByCate(cate.getCateid())查询所有的剧目信息；以this.getRequest().setAttribute("frontList", frontList)形式传递到index.jsp页面进行分类遍历显示。

2.2.3 加入购物车介绍

剧目详情介绍功能图

实现过程：detail.jsp为剧目详情页,用户在index.jsp页面点击剧目会根据a标签路径<a href="index/detail.action?id=${film.filmid }"><img src="${film.image }" alt="${film.filmname }"class="goodsimg" /> </a>携带剧目id跳转到IndexAction类的detail方法根据id  通过filmService业务层接口Film goods = this.filmService.getFilmById(id)查询对应的剧目详情；this.getRequest().setAttribute("goods", goods)传递到detail.jsp进行显示。

在detail.jsp页面；点击加入购物车通过action="index/addcart.action"找到并访问IndexAction类addcart（）方法执行this.cartService.insertCart(cart)购物车信息保存逻辑；return "redirect:/index/cart.action"重定向到我的购物车页面；List<Cart> cartList = this.cartService.getCartByCond(cart)查询购物车信息跳转到cart.jsp页面进行显示。

2.2.4 我的订单

我的订单功能图

实现过程：在orderlist.jsp页面用户可以查看自己的订单信息，修改个人信息，修改密码等操作；点击我的订单前台页面会通过method: ' showOrders '找到showOrders方法通过orderservice接口根据用户参数查询List<Orders> tempList = this.ordersService.getOrdersByCond(orders)到与用户相关的订单信息返回到orderlist.jsp页面for (var i = 0; i < obj.data.length; i++)遍历经行赋值显示；

在userinfo.jsp页面点击基本信息通过userinfo.action从请求域里获取登录用户信息进行展示，编辑信息点击保存触发点击事件提交from表单action="index/personal.action"找到并访问personal方法；this.usersService.updateUsers(users)更新保存用户信息到user数据表。

在editpwd.jsp页面为修改密码页面；编辑密码信息点击保存触发点击事件通过action="index/editpwd.action",找到并调用editpwd方法this.usersService.updateUsers(users)更新保存用户密码信息到user数据表。

2.3 管理员功能

管理员拥有系统最高权限；

2.2.5 用户管理介绍

用户管理

实现过程：listusers.jsp为用户列表页，在用户功能管理可以添加用户，修改用户信息；

用户在后台 管理点击用户管理通过路径users/getAllUsers.action跳转到UsersAction类的getAllUsers（）方法；List<Users> usersList = this.usersService.getAllUsers()查询所有的用户信息，PageHelper.getPage(usersList, "users", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listusers.jsp页面进行展示；在页面点击删除按钮通过超链接<a href="users/deleteUsers.action?id=${users.usersid}"onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到UsersAction类的的deleteUsers方法执行删除逻辑。

2.2.6 话剧信息管理功能图

话剧管理功能图

实现过程：listfilm.jsp为话剧列表页，在话剧功能管理可以编辑话剧信息，修改话剧信息；

管理员在后台管理点击话剧管理通过路径film/getAllFilm.action跳转到FilmAction类的getAllFilm（）方法；List<Film> filmList = this.filmService.getAllFilm();查询所有的话剧信息，PageHelper.getPage(filmList, "users", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listfilm.jsp页面进行展示；在页面点击删除按钮通过超链接<a href=" ilm/deleteFilm.action?id=${film.filmid}"onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到FilmAction类的的deleteFilm（）方法根据id执行删除逻辑。

2.2.7 剧场管理

剧场管理功能图

实现过程：listcinema.jsp为剧场列表页，在话剧功能管理可以编辑剧场信息，删除剧场信息；管理员在后台管理点击剧场管理通过路径href="cinema/getAllCinema.action"跳转到CinemaAction类的getAllCinema（）方法；List<Cinema> cinemaList = this.cinemaService.getAllCinema()查询所有的剧场信息，PageHelper.getPage(cinemaList,"cinema", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listcinema.jsp页面进行展示；在页面点击删除按钮通过超链接<a href="cinema/deleteCinema.action?id=${cinema.cinemaid} "onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到CinemaAction类的的deleteCinema（）方法根据id执行删除剧场逻辑。。

2.2.8 话剧管理

放映厅管理功能图

实现过程：listcate.jsp为话剧类型列表页，在话剧类型功能管理可以编辑话剧类型信息，删除话剧类型信息；管理员在后台管理点击话剧管理通过路径href="cate/getAllCate.action"跳转到CateAction类的getAllCinema（）方法；List<Cate> cateList = this.cateService.getAllCate()查询所有的话剧类型信息，PageHelper.getPage(cateList," cate ", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listcate.jsp页面进行展示；在页面点击删除按钮通过超链接<a href=" cate/deleteCate.action?id=${cate.cateid}"onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到CateAction类的的deleteCate（）方法根据id执行删除话剧类型逻辑。

2.2.9管理员管理

管理员功能图

实现过程：listadmin.jsp为管理员信息列表页，在管理员信息功能管理可以编辑管理员信息，删除管理员信息；管理员在后台管理点击管理员信息通过路径href="admin/getAllAdmin.action"跳转到AdminAction类的getAllCinema（）方法；List<Admin> adminList = this.adminService.getAllAdmin()查询所有的管理员信息，PageHelper.getPage(adminList," admin ", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listadmin.jsp页面进行展示；在页面点击删除按钮通过超链接<a href=" admin/deleteAdmin.action?id=${admin.adminid}"onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到AdminAction类的的deleteAdmin（）方法根据id执行删除管理员信息。

2.3.0 评论管理

评论管理功能图

实现过程： listtopic.jsp为评论信息列表页，在评论信息功能管理可以删除管理员信息；管理员在后台管理点击评论信息通过路径href="topic/getAllTopic.action"跳转到TopicAction类的getAllCinema（）方法；List<Topic> topicList = this.topicService.getAllTopic()查询所有的评论信息，PageHelper.getPage(topicList,"topic", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listtopic.jsp页面进行展示；在页面点击删除按钮通过超链接<a href="topic/deleteTopic.action?id=${topic.topicid}"onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到TopicAction类的的deleteTopic（）方法根据id执行删除话剧相关评论信息。。

2.3.1 订单管理

订单管理功能图

实现过程：listorders.jsp为订单信息列表页，在管理员信息功能管理可以编辑订单信息，删除订单信息；管理员在后台管理点击订单信息通过路径href="orders/queryOrdersByCond.action"跳转到OrdersAction类的getAllOrders（）方法；List<Orders> ordersList = this.ordersService.getAllOrders()查询所有的订单信息，PageHelper.getPage(ordersList," orders ", null, null, 10, number, this.getRequest(), null)进行分页处理；跳转到listorders.jsp页面进行展示；在页面点击删除按钮通过超链接<a href=" orders/deleteOrders.action?id=${orders.ordersid} "onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a>跳转到OrdersAction类的的deleteOrders（）方法根据id执行删除订单信息。