摘要

1 绪论

1.1 研究背景

1.2研究目的和意义

1.3论文结构与章节安排

2 电子阅览室app分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.2.2数据修改流程

2.2.3数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 电子阅览室app总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3 留言管理模块设计

3.2.4图书信息管理模块设计

3.2.5座位预约管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 电子阅览室app详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2 用户登录界面

4.1.3 搜索图书界面

4.1.4图书资讯界面

4.1.5 图书信息详情界面

4.3管理员功能模块

4.3.1 系统用户管理界面

4.3.2 站点公共内容管理界面

4.3.3 商城管理界面

4.3.4 模块管理界面

5系统测试

5.1系统测试的目的

5.2 系统测试用例

5.3 系统测试结果

结论

参考文献

致  谢

1.3论文结构与章节安排

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

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

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

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

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

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

经济可行性在此仅代表网站的运维成本，开发成本不在此考虑。

目前该模式下的电子阅览室app的数量日益增多，网上预约变得平民化普及化用户人数呈上升趋势，当用户人数庞大了，运维成本可以由广告费进行填补，包括开发成本。

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

（2）操作可行性：

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

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

（3）技术可行性：

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

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

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

（4）法律可行性：

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

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

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

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

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

图2-1  数据增加流程图

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

图2-2  数据修改流程图

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

图2-3  数据删除流程图

按照电子阅览室app的角色，我划分为了普通系统用户管理模块和管理员管理模块这两大部分。

普通系统用户管理模块：

（1）用户注册登录：用户注册为会员并登录电子阅览室app；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）用户查看图书：用户进行图书信息的阅览，通过发现喜欢的图书后可以购买+评论+收藏。

（3）图书资讯：用户进行资讯的阅览，查看管理者发布的图书资讯信息。

（4）图书论坛：用户在图书论坛这一菜单下对用户提交的查看、同时也可以发布、评论。

管理员管理模块：

（1）系统用户管理：管理员可以对电子阅览室app中的管理员，前台注册的普通用户进行增删改查。

（2）公共内容管理：管理员可以对电子阅览室app前台展示的图书论坛以及图书资讯所属的分类进行管控。

（3）模块管理：在“模块管理”这一菜单下，可以对管理员用户操作的图书信息、图书分类、阅读场地、图书阅读、座位预约以及在前台用户提交的图书资讯、图书论坛进行管控。

（4）站点公共内容管理：管理员可以对电子阅览室app中首页显示的轮播图以及系统中的一些公告发布到系统当中，让用户及时的查看到系统信息，进行合理安排。

电子阅览室app的非功能性需求比如电子阅览室app的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

通过2.3功能的分析，得出了本电子阅览室app的用例图：

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

图2-3 电子阅览室app用户角色用例图

web后台管理上的管理员是维护整个电子阅览室app中所有数据信息的。管理员角色用例如图2-4所示。

本电子阅览室app从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1电子阅览室app架构设计图

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

业务逻辑层（BLL）：主要完成本电子阅览室app的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

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

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

图3-2 电子阅览室app功能模块图

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

图3-3会员用户模块结构图

电子阅览室app是一个交流性质的公开平台，会员用户可以在平台上交流，增加用户之间的互动性。但是同时也为了更好的规范留言的内容，给予管理员删除不合适的言论的功能，所以需要专门设计一个留言管理模块，具体的结构图如下：

图3-4评论模块结构图

电子阅览室app是中需要存储不少图书信息，其模块功能结构，具体的结构图如下：

图3-5图书信息模块结构图

电子阅览室app最重要的一个功能就是预约买，其模块功能结构，具体的结构图如下：

图3-5座位预约模块结构图

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

下面是整个电子阅览室app中主要的数据库表总E-R实体关系图。

图3-6 电子阅览室app总E-R关系图

下面根据电子阅览室app的数据库总E-R关系图可以得出电子阅览室app需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

图3-7图书阅读信息E-R关系图

图3-8 普通用户信息E-R关系图

图3-9 座位预约信息E-R关系图

图3-10 阅读场地信息E-R关系图

图3-11 图书信息E-R关系图

通过上一小节中电子阅览室app中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

3.4本章小结

当进入电子阅览室app的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

电子阅览室app中的前台上注册后的会员是可以通过自己的账户名和密码进行登录的，当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到电子阅览室app的首页中；否则将会提示相应错误信息，用户登录界面如下图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, "账号或密码不正确");

        }

}

在电子阅览室app首页上的搜索框中输入自己想要快速检索的图书的关键词并点击“搜索”按钮后将会输入的关键词进行和数据库中保存的图书信息进行模糊匹配，并将检索到最匹配的图书信息显示出来。搜索图书界面如下图4-3所示。

图4-3搜索图书界面图

当访客点击电子阅览室app中导航栏上的“图书资讯”后将会进入到该“图书资讯”列表的界面，然后选择想要看的图书资讯，点击进入到详细界面，在详细界面可以收藏+评论等操作，图书资讯界面如下图4-4所示。

图4-4我的收藏界面图

当访客点击了任意图书后将会进入该款图书的详情界面，可以了解到该图书的图书名称、图书封面、图书类型、图书版权、出版日期、图书简介、图书作者等，同时可以对该图书进行收藏+点赞+评论，图书详情展示页面如图4-5所示。

图4-5图书详情界面图

图书详情关键代码如下所示。

@RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

}

    @Transactional

    public void delete(Map<String,String> query,Map<String,String> config){

        StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");

        sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));

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

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

        query1.executeUpdate();

    }

电子阅览室app中的管理人员是可以对前台注册的普通用户进行管理的，也可以对管理员进行管控。界面如下图4-6所示。

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

  @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();

    }

电子阅览室app中的管理人员是可以对电子阅览室app内的管理员发布的图书资讯、图书论坛、新闻分类列表、论坛分类列表进行维护和管理的，支持增删改查操作。界面如下图4-8所示。

图4-8公共内容管理界面图

公共内容管理关键代码如下所示。

@RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

}

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