门户网站建设方_免费论坛网站大全_外贸高端网站设计_html代码是什么意思

在线购票影城整体的功能模块包括管理员+注册用户两个模块，其总体设计模块图如图3-1所示。

图3-1 在线购票影城功能模块图

图3-2 在线购票影城总E-R关系图

通过上一节中在线购票影城中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表book_tickets_online (在线订票)

在线购票影城的详细设计与实现主要是根据前面的在线购票影城 的需求分析和在线购票影城 的总体设计来设计页面并实现业务逻辑，开发工具采用ecplice，数据库在MYSQL中存储，运用了当下比较主流的SSM框架。

当进入在线购票影城的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是电影资讯信息，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

在线购票影城 的用户可以进行注册登录，当用户左上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号，选择身份，然后填写身份信息后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可注册成功。其用注册界面展示如下图4-2所示。

图4-2注册界面图

注册关键代码如下所示。

/**

     * 注册

     * @return

     */

    @PostMapping("register")

    public Map<String， Object> signUp(HttpServletRequest request) throws IOException {

        // 查询用户

        Map<String， String> query = new HashMap<>();

        Map<String，Object> map = service.readBody(request.getReader());

        query.put("username"，String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query， new HashMap<>()));

        if (list.size()>0){

            return error(30000， "用户已存在");

        }

        map.put("password"，service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

    public Map<String，Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json， Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

    }

    public void insert(Map<String，Object> body){

        E entity = JSON.parseObject(JSON.toJSONString(body)，eClass);

        baseMapper.insert(entity);

        log.info("[{}] - 插入操作：{}"，entity);

}

在线购票影城 中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到在线购票影城的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。

图4-3用户登录界面图

登录关键代码如下所示。

 /**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String， Object> login(@RequestBody Map<String， String> data， HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

        Map<String， String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username"， username);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }

        else if(email != null && "".equals(email) == false){

            map.put("email"， email);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone"， phone);

            resultList = service.selectBaseList(service.select(map， new HashMap<>()));

        }else{

            return error(30000， "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000， "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000，"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String， String> groupMap = new HashMap<>();

        groupMap.put("name"，byUsername.getUserGroup());

        List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap， new HashMap<>()));

        if (groupList.size()<1){

            return error(30000，"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String res = service.selectExamineState(userGroup.getSourceTable()，byUsername.getUserId());

            if (res==null){

                return error(30000，"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000，"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000，"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-"， ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token"， accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj"，user);

            return success(ret);

        } else {

            return error(30000， "账号或密码不正确");

        }

}

    public String select(Map<String，String> query，Map<String，String> config){

        StringBuffer sql = new StringBuffer("select ");

        sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

        sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query， "0".equals(config.get(FindConfig.LIKE))));

        if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

            sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

        }

        if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

            sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

        }

        if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

            int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

            int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

            sql.append(" limit ").append( (page-1)*limit ).append(" ， ").append(limit);

        }

        log.info("[{}] - 查询操作，sql: {}"，table，sql);

        return sql.toString();

}

    public List selectBaseList(String select) {

        List<Map<String，Object>> mapList = baseMapper.selectBaseList(select);

        List<E> list = new ArrayList<>();

        for (Map<String，Object> map:mapList) {

            list.add(JSON.parseObject(JSON.toJSONString(map)，eClass));

        }

        return list;

}

所有的用户都可以通过网页进入到在线购票影城中对信息进行查看，但是要实现点赞、收藏、评论的话，就不是所有人都能操作的，必须成为在线购票影城的用户，注册登录的流程图如下图4-4所示。

图4-4注册登录流程图

4.1.4电影场次详情界面

用户可以查看电影场次，在查询到自己想要了解的电影场次的时候，可以进入查看详细的介绍，点击“购票”这一按钮以后会跳转到购票信息填写的界面，根据提示填写好购票的信息，点击“提交”以后购票就完成了，在电影场次详情这个界面，同时支持用户对喜欢的电影场次进行收藏、点赞的功能，电影场次详情展示页面如图4-4所示。

图4-5电影场次详情界面图

4.1.5电影资讯界面

当访客点击在线购票影城中导航栏上的“电影资讯”后将会进入到该“电影资讯”列表的界面，然后选择想要看的电影资讯信息，点击进入到详细界面，在详细界面可以收藏+点赞+评论等操作，电影资讯界面如下图4-6所示。

图4-6电影资讯界面图

4.1.6影院信息详情界面

用户可以查看影院信息，在查询到自己想要了解的影院信息的时候，可以进入查看详细的介绍，支持用户对喜欢的影院信息进行收藏、点赞的功能。影院信息详情界面如下图4-7所示。

图4-7 影院信息详情界面图

4.1.7密码修改界面

用户使用该在线购票影城注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。

密码修改流程图如下所示。

图4.8 密码修改流程图

密码修改界面如图所示。

图4-8密码修改界面图

管理员在登录界面输入账号+密码，点击“登录”按钮，系统在用户数据库表中会对管理员，注册用户的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果管理人员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-9所示。

图4-9登录界面图

表5.1 用户登录功能测试表

影院信息添加功能测试：

表5.2 影院信息添加功能测试表

查询热映电影功能模块测试：

表5.3 查询热映电影功能测试表

电影场次添加功能测试：

表5.4 电影场次添加功能测试表

5.3 系统测试结果

结论

本文描述了在线购票影城设计与实现的原理和开发过程，该系统是通过Spring+SpringMVC+MyBatis框架来搭建后台，中间件使用的是Tomcat服务器，数据库管理平台采用开源的Mysql数据库，前台使用的是JQuery框架，同时使用Validate校验框架，这样就可以减少前端代码的输入量，而且基于JQuery框架的Validat框架使用简单，是流行的前端使用框架，前端使用的主要是Java页面展示技术。

在开发这个在线购票影城之前做了许多的准备，比如到学校进行调研，了解现在大学生对在线购票影城所要实现的功能，同时在在线购票影城的设计和开发过程中去图书馆以及网上查阅和学习了许多相关的文献资料，与此同时从开发这个在线购票影城的过程当中我也收获了许许多多宝贵的实践方法以及设计的思路，对系统的开发也起到了很重要的作用，在线购票影城的开发技术选用的都是自己比较熟悉的，比如Web、SSM、MYSQL等，这些技术都在平时的课程当中学到，而且平时都能够熟练运用，在开发在线购票影城的过程当中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，开发在线购票影城对于我来说工作量还是比较大的，毕竟是一个完整的系统，正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在开发该在线购票影城的过程当中也是离不开导师以及同学们的帮助的，在遇到自己搞不定的问题的时候，我首先会和同学们探讨，找出解决方法，实在解决不了的时候，我会请教我的导师，在开发在线购票影城 的过程中正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在线购票影城还有很多需要改进的地方，但是由于专业知识的浅薄，开发的系统并不是十全十美，希望以后有机会可以对其进行完善，让其真正的投入到使用之中。

到此，整个在线购票影城就算完成了，虽然过程十分艰难，但是等到都完成的时候，我感觉无比的自豪，虽然设计的系统还存在许多的纰漏，但是我已经拼劲全力，给自己的大学四年画上了一个圆满的句号。

在这里我首先要感谢的就是大学四年来所有教导我的老师，是他们教会了我许多的专业知识以及做人的道理，从一进校门对对开发系统一窍不通到现在能自主开发一个管理系统，里面包含了前台框架、后台框架、业务流程、数据结构、操作系统等各种知识，只有把他们统一运用好，才能够完成整个系统，这都是老师的功劳；其次我要感谢我的指导老师，在开发这个系统的时候，我遇到了无数的问题，经常通过线上、线下的方式去请教导师，每次去请教导师，他从来没有不耐烦，都是细心的引导，告诉我怎么样实现这个功能，怎么样才能使得系统更加完善，然后通过自己查询相关资料解决问题，提高了自己自主解决问题的能力，授人以鱼不如授人以渔，指导老师的这种工作态度受益终生，我也会向老师不断靠拢，向他学习，在此我只想说一句：“老师，谢谢您，您辛苦了”！最后我还要感谢我的室友、同学，在一起学习这四年，他们不但学习上给了我很多建议，在生活上更加给了我帮助，正是有他们的帮助，我的大学生涯才如此完美。

最后，希望自己在未来的道路上能够越走越远，不辜负在大学的学习以及老师们的细致的教导，追风赶月莫停留，平荒尽处是春山。