目  录

摘要

1 绪论

1.1研究背景

1.2研究意义

1.3系统开发技术的特色

1.4论文结构与章节安排

2 绿色食品商城分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.3.2数据修改流程

2.3.3数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 绿色食品商城总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.2.3商城管理模块设计

3.2.5订单管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 绿色食品商城详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2 用户登录界面

4.1.3用户注册界面 23

4.1.4商品详情界面 24

4.1.5 收货地址界面

4.1.6 新闻资讯界面

4.2管理员功能模块

4.2.1 用户管理界面

4.2.2 新闻资讯界面

4.2.3 站点管理界面

4.2.4 商城管理界面

5系统测试 31

5.1测试的目的 31

5.2 功能测试 31

5.3 性能测试 32

结论 33

参考文献 34

致  谢

近年来，随着移动互联网的快速发展，电子商务越来越受到网民们的欢迎，电子商务对国家经济的发展也起着越来越重要的作用。简单的流程、便捷可靠的支付方式、快捷畅通的物流快递、安全的信息保护都使得电子商务越来越赢得网民们的青睐。现今，大量的计算机技术应用于商业领域，包括软件技术、网络技术、硬件技术等。越来越多的企业使用计算机来开展业务、销售、购买和宣传各种商品。各种商业系统和软件已经解放了企业的双手，并使企业能够最大限度地获得利益。因此，计算机技术在商业领域占有非常重要的地位。

本文主要通过对系统的前台系统和后台管理系统进行了功能性需求分析，对系统的安全性和可扩展性进行了非功能性需求分析。在详细的需求分析的基础上，根据系统的功能设计确定了数据库结构，实现完整的代码编写。绿色食品商城使用 Dreamweaver、HBuilder代码编辑器、Apache服务器等开发工具，完成了系统的主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户管理、商城、分类列表、订单列表功能的实现过程。

关键词：springboot技术；MYSQL；绿色食品商城

Abstract

In recent years, with the rapid development of mobile Internet, e-commerce is more and more welcomed by Internet users. E-commerce also plays a more and more important role in the development of national economy. Simple process, convenient and reliable payment method, fast and smooth logistics express delivery and safe information protection all make e-commerce more and more popular among Internet users. Nowadays, a large number of computer technologies are used in commercial fields, including software technology, network technology, hardware technology and so on. More and more enterprises use computers to carry out business, sell, buy and publicize all kinds of goods. Various business systems and software have liberated the hands of enterprises and enabled enterprises to maximize benefits. Therefore, computer technology plays a very important role in the commercial field.

This paper mainly analyzes the functional requirements of the foreground system and background management system, and analyzes the non functional requirements of the security and scalability of the system. Based on the detailed demand analysis, the database structure is determined according to the functional design of the system to realize the complete coding. Using Dreamweaver, hbuilder code editor, Apache server and other development tools, green food mall has completed the page design and function implementation of the main modules of the system. This paper shows the implementation effect of the home page, and introduces the implementation process of user management, mall, classified list and order list through code and page.

Keywords:Springboot technology; MYSQL； Green food mall

1.1研究背景

但是，目前网络销售在实践过程存在着部分问题： 

（1）关于电子商务的法律法规不完善。无良商家肆无忌惮的通过网络售卖假冒伪劣产品，以假乱真，欺骗消费者。 

（2）网络安全技术人才紧缺。目前，很多销售系统被黑客攻击甚至偷取信息、钱财等案件时有发生。 

（3）网络宣传不到位。目前很多企业开通了网络销售系统，但在消费者中知名度不高。 

1.3系统开发技术的特色

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

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

（3）绿色食品商城中数据库用的mysql5.7，它执行效率高。

1.4论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景，系统开发的现状和本文的研究意义与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

第五章：系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

所以经济可行性没有问题。

（2）操作可行性：

此次项目设计参考了几个该模式下网站的开发案例，对他们的操作界面分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。

因此操作可行性也没有问题。

（3）技术可行性：

技术可行性指的是对于搭建框架的可行性，以及有更优秀的技术出现时系统的技术更新换代的纳新性如何，开发时间成本费用比如何。

现有的springboot技术能够迎合所有电子商务系统的搭建。开发这个绿色食品商城的时候我采用了springboot+MYSQL用以运行整体程序。

综上所述技术可行性也没有问题。

（4）法律可行性：

从开发者角度来看，springboot和MYSQL是网上开源且免费的，在知识产权方面不会产生任何法律纠纷。

从用户使用角度来看，只要不再系统上贩卖违禁品，对系统做出条约协议，杜绝非法支付即可。

综上所述法律可行性也没有问题。

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2-1显示的就是在增加数据时的流程。

图2-1  数据增加流程图

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

图2-2  数据修改流程图

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。

图2-3  数据删除流程图

按照绿色食品商城的角色，我划分为了普通用户管理模块和管理员管理模块这两大部分。

普通用户管理模块：

（1）用户注册登录：用户注册为用户并登录绿色食品商城；普通用户对个人信息的增删改查，比如个人资料，密码修改。

（2）查看绿色食品商城的首页信息：绿色食品商城的首页信息包含了首页、公告消息、新闻资讯、购物车、我的（我的地址、我的购物车、我的订单、我的收藏、我的账户、个人中心）等。

（3）公告消息：当用户当点“公告消息”这一菜单，会显示管理员在后台发布的所有的公告消息，可以查看详情；

（4）新闻资讯：当用户点击“新闻资讯”这一菜单，会显示管理员在后台发布的所有的新闻资讯，可以查看详情，进行收藏、点赞、评论等；

（5）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以对不喜欢的信息进行删除收藏；

（6）购物车：用户对喜欢的商品可以加购，在购物车里面，可以查看到所有加购的商品，支持对商品数量的更改、删除商品，可以进行选择购买。

（7）我的订单：用户在提交订单后，可以对提交的订单进行管理。

（8）收货地址：点击“我的”中“我的地址”按钮的时候就会显示出自己的收货地址信息，支持对收货地址的增删改查操作。

管理员管理模块：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）站点管理：当点击“站点管理”这一菜单的时候，会出现轮播图+公告栏两个子菜单，可以对这两个模块进行增删改查操作；

（3）用户管理：当点击“用户管理”这一菜单的时候，会出现管理员+普通用户两个子菜单，可以对这两个模块进行增删改查操作；

（4）内容管理：当点击“内容管理”这一菜单的时候，会出现新闻资讯+新闻分类这两个子菜单，能够对用户在前台提交的新闻资讯进行管理；

（5）商城管理：当点击“商城管理”这一菜单的时候，会出现商城+分类列表+订单列表这三个子菜单，能够对这三个模块进行增删改查操作；

绿色食品商城的非功能性需求比如绿色食品商城的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

通过2.3功能的分析，得出了本绿色食品商城的用例图：

用户角色用例如图2-3所示。

本绿色食品商城 从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1绿色食品商城架构设计图

表现层（UI）：又称UI层，主要完成本绿色食品商城的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本绿色食品商城时的舒适度。UI的界面设计也要适应不同版本的绿色食品商城 以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本绿色食品商城的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本绿色食品商城的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本绿色食品商城 的数据存储和管理功能。

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本绿色食品商城中的用例。那么接下来就要开始对本绿色食品商城的架构、主要功能和数据库开始进行设计。绿色食品商城根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。

图3-2 绿色食品商城功能模块图

后台管理者能够实现对前台注册的用户增删改查操作，用户模块结构图如下图：

图3-3用户模块结构图

绿色食品商城是一个交流性质的公开平台，用户用户和管理人员用户可以对平台上信息进行评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的言论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图3-4评论模块结构图

3.2.4商城管理模块设计

绿色食品商城是中需要存储不少商品信息，其模块功能结构，具体的结构图如下：

图3-5商城模块结构图

绿色食品商城最重要的一个功能就是购买，其模块功能结构，具体的结构图如下：

图3-5订单模块结构图

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

下面是整个绿色食品商城 中主要的数据库表总E-R实体关系图。

图3-6 绿色食品商城 总E-R关系图

下面根据绿色食品商城 的数据库总E-R关系图可以得出绿色食品商城需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

图3-7普通用户E-R关系图

图3-8 商城E-R关系图

图3-9订单E-R关系图

图3-10评论E-R关系图

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

shopping_mall表：

当进入绿色食品商城的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

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

图4-2用户登录界面图

登录关键代码如下所示。

/**

     * 登录

     * @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;

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

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

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

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

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

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

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }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.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

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

        }

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

        //查询用户审核状态

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

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            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, "账号或密码不正确");

        }

}

4.1.3用户注册界面

不是绿色食品商城中正式用户的是可以在线进行注册的，如果你没有本绿色食品商城的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-3所示。

图4-2用户注册界面图

注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

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

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

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

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID：[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组：[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间：

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名：[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称：[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址：[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间：

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

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

图4-4商品详情界面图

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

图4-5收货地址界面图

用户在点击导航栏上面的新闻资讯后，就可以搜索查看新闻资讯信息，用户根据自己的喜好可以进行查询、评论，新闻资讯界面如下图4-4所示。

图4-6新闻资讯界面图

绿色食品商城中的管理人员是可以对前台注册的用户进行管理的，也可以对管理员进行管控。界面如下图4-7所示。

用户管理关键代码如下所示。

public String encryption(String plainText) {

        String re_md5 = new String();

        try {

            MessageDigest md = MessageDigest.getInstance("MD5");

            md.update(plainText.getBytes());

            byte b[] = md.digest();

            int i;

            StringBuffer buf = new StringBuffer("");

            for (int offset = 0; offset < b.length; offset++) {

                i = b[offset];

                if (i < 0)

                    i += 256;

                if (i < 16)

                    buf.append("0");

                buf.append(Integer.toHexString(i));

            }

            re_md5 = buf.toString();

        } catch (Exception e) {

            e.printStackTrace();

        }

        return re_md5;

    }

绿色食品商城中的管理人员在“站点管理”这一菜单中是可以对前台显示的轮播图以及公告栏进行管控。界面如下图4-9所示。

图4-9站点管理界面图

站点管理关键代码如下所示。

  @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        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){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }