1 引言

1.1 课题背景

1.2 目的和意义

1.3 系统开发技术的特色

1.4 论文结构安排

2 创意商城的需求分析

2.1 系统可行性分析

2.1.1技术可行性分析

2.1.2经济可行性分析

2.1.3操作可行性分析

2.2 系统需求分析

2.2.1功能需求分析

2.2.2非功能性需求分析

2.3 系统用例分析

3 创意商城总体设计

3.1系统功能模块设计

3.2数据库设计

3.2.1数据库概念结构设计

3.2.2数据库逻辑结构设计

4 关键模块的设计与实现

4.1用户功能模块

4.1.1前台首页界面

4.1.2注册界面

4.1.3登录界面

4.1.4关于我们界面

4.1.5商城资讯界面

4.1.6地址管理界面

4.1.7购物管理界面

4.1.8订单管理界面

4.1.9商品详情界面

4.2管理员功能角模块

4.2.1登录界面

4.2.2公共管理界面

4.2.3用户管理界面

4.2.4信息管理界面

4.2.4商城中心管理界面

5 系统测试

5.1 系统测试的目的

5.2系统测试用例

5.2系统测试结果

6  结论

参考文献

致谢

根据预测，2016年我国商品销售交易将同比增长125.1％，交易总量将达1263亿，形成了中国商品销售的快速增长浪潮。其中，消费人群成为推动此浪潮的一大主力。究其原因，除了该人群对网络销售等新兴的商业模式接受程度较高之外，相比其他细分行业，商品销售有着更加完备的产业链条和发展后劲，为其高速增长提供了保障。

网络新型的消费方式给人们生活带来了巨大的改变，更重要的是大大改变了传统的消费行为习惯，无论是否想在网上购买东西，上网查询各种商品的相关信息，已经成为人们生活不可缺少的一部分。

本题目拟实现整个购买模块，实现游客浏览商品，查看商品信息的功能，实现登录用户的购买功能，完成继续购买、结账和清空清单等功能。

1.3系统开发技术的特色

（1）创意商城中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的ssm框架，它减少java配置代码，简化编程代码，目前ssm框架也是很多企业选择的框架之一。

（2）创意商城中的web后台管理中的前端使用的是JavaScript框架，它配合ajax和jquery可以美化页面设计。

（3）创意商城中数据库用的mysql5.7，它执行效率高。

1.4 论文结构安排

通过前期的资料查找以及对其他论文的内容借鉴，本创意商城论文主要分为以下几个章节：

第1章 交代项目的背景、目的。

第2章 对系统的需求展开分析。

第3章 阐述了网站的总体设计。

第4章 阐明了创意商城详细功能的实现，主要根据技术性的功能模块功能实现。

第5章 罗列了部分系统调试与测试的记录。

2.1.3操作可行性分析

此次项目设计的时候我参考了很多类似系统的成功案例，对它们的操作界面以及功能都进行了系统的分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。因此操作可行性也没有问题。

创意商城的非功能性需求比如创意商城的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2.1表格中：

创意商城整体的功能模块包括管理员+注册用户两个模块，实现了对商城相关信息的查询管理，系统功能模块如图所示。

图3.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.1.3登录界面

创意商城中的前台上注册后的用户是可以通过自己的username和password进行登录的，当会员输入完整的自己的username和password信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的username和password在数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到创意商城的首页中；否则将会提示相应错误信息，登录界面如下图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.1.4关于我们界面

用户在点击导航栏上面的关于我们后，就可以搜索查看网站公告信息，用户根据自己的喜好可以进行交流，关于我们界面如下图4.4所示。

图4.4关于我们界面图

4.1.5商城资讯界面

当访客点击创意商城中导航栏上的“商城资讯”后将会进入到该“商城资讯”列表的界面，然后选择想要看的商城资讯，点击进入到详细界面，在详细界面可以收藏+点赞+评论等操作，商城资讯界面如下图4.5所示。

图4.5商城资讯界面图

4.1.6地址管理界面

当用户点击“地址管理”右后，就回去显示出目前现有的地址，也可以添加新的地址，界面如下图4.6所示。

图4.6地址管理界面图

4.1.7购物管理界面

当用户点击“购物管理”链接后就进入自己加入购物车的商品的界面展示，界面如下图4.7所示。

图4.7购物管理界面图

4.1.8订单管理界面

当用户点击“订单管理”链接后就进入自己购买的订单的界面展示，界面如下图4.8所示。

图4.8订单管理界面图

4.1.9商品详情界面

当访客点击了任意商品后将会进入该款商品的详情界面，可以了解到该商品的图片信息、商品信息、价钱信息等，同时可以对该商品进行加购+立即购买+收藏+点赞+评论，商品详情展示页面如图4-9所示。

图4.9商品详情界面图

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。