摘要

1 绪论

1.1研究背景与意义

1.2研究现状

1.3论文结构与章节安排

2 基于微信小程序旅游网站系统分析

2.1 可行性分析

2.1.1 技术可行性分析

2.1.2 经济可行性分析

2.1.3 法律可行性分析

2.2 系统功能分析

2.2.1 功能性分析

2.2.2 非功能性分析

2.3 系统用例分析

2.4 系统流程分析

2.4.1 数据流程

2.4.2 业务流程

2.5本章小结

3 基于微信小程序旅游网站总体设计

3.1 系统功能模块设计

3.1.1整体功能模块设计

3.1.2用户模块设计

3.1.3 评论管理模块设计

3.1.4酒店管理模块设计

3.1.5预定管理模块设计

3.2 数据库设计

3.2.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 基于微信小程序旅游网站详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2 用户注册界面

4.1.3 用户登录界面 20

4.1.4景点信息详情界面 22

4.1.5 景点订单界面 23

4.1.6 酒店信息详情界面 24

4.1.7预定界面

4.1.8美食信息详情界面

4.2管理员功能模块

4.2.1用户管理界面

4.2.2定位信息管理界面

4.2.3酒店信息管理界面 30

4.2.4 酒店订单管理界面 31

4.2.5旅游攻略管理界面 32

5系统测试 33

5.1 系统测试用例 33

5.2 系统测试结果 34

结论 35

参考文献 36

致  谢 37

信息化社会的发展使得人们对于针对性的信息获取途径有着更高的需求，而扩展这些途径成为人们努力追求的方向。然而，由于不同人站在不同的角度，所能获得的信息也存在偏差，这是技术难以攻克的课题。

针对基于微信小程序的旅游网站等问题，本研究旨在通过对旅游网站进行深入研究和分析，并开发设计出基于微信小程序的旅游网站来解决这些问题。

基于微信小程序的旅游网站的主要功能模块包括系统用户管理、定位信息管理、景点信息管理、景点订单管理、酒店信息管理、美食信息管理、美食类型管理、旅游攻略、我的行程和社区分享等。通过采用面向对象的开发模式，可以实现软件的开发和硬件的架设，以满足实际使用需求。同时，通过采用Mysql作为后台数据的主要存储单元，并结合Java技术和Ajax技术进行编码和开发，可以实现系统的全部功能。

本研究首先分析了研究背景、作用和意义，为后续的研究工作提供了合理性的基础。接着，针对基于微信小程序旅游网站的需求和技术问题进行了深入分析，验证了系统的必要性和技术可行性。然后介绍了设计系统所需使用的技术软件和设计思想，最后实现了基于微信小程序的旅游网站并进行了部署和运行。解决了基于微信小程序的旅游网站存在的问题，通过开发设计一个功能完善、技术可行的系统，提供给用户更便捷、准确的信息获取途径，并满足其个性化的需求。

关键词：Java；springboot；基于微信小程序旅游网站；MySQL

本文首先以基于微信小程序的旅游网站过程的基本问题作为研究对象。在开发系统之前，我们对现有状况进行了详细的调查和分析。最后，我们利用计算机技术开发了一套完整合适的基于微信小程序的旅游网站。该系统的实现主要优势是：该系统主要采用计算机技术开发，它方便快捷；系统可以通过管理员界面查看用户的所有信息管理。

基于微信小程序的旅游网站软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。

1.3论文结构与章节安排

本文共分为六章，章节内容安排如下：

第一章为引言，此章节对所设计和实现的系统的研究背景与意义、研究现状进行详细的论述以及说明，同时进行了论文整体框架的结构的简要介绍。

第二章为系统需求分析，章节所做的主要的工作是对系统进行了技术、经济和操作方面可行性的分析；对系统实行了总体功能的需求、用例分析。

第三章为系统的设计，主要是对系统的功能结构进行设计，并对系统数据库的概念结构以及物理结构的设计进行了分析。

第四章就是对系统的实现，根据系统功能的划分，分别的对系统所需要实现的前台用户功能和后台管理员功能进行了分析和说明。

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

基于微信小程序旅游网站我划分为了普通用户模块和管理员模块这两大部分。

普通用户管理模块：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现景点信息的购票、收藏、评论操作，就必须有这个系统的账号，如果没有账号的话，可以注册成员用户进行相关的操作，同时用户还可以通过“我的”这以按钮对个人信息以及操作的信息进行管控。

（2）查看基于微信小程序旅游网站的首页信息：基于微信小程序旅游网站的首页信息包含了首页、定位信息、景点信息、酒店信息、美食信息、旅游攻略、我的行程、社区分享等。

（3）景点信息：用户可以查看景点信息，在查询到自己想要了解的景点信息的时候，可以进入查看详细的介绍，点击“购票”这一按钮以后会跳转到购票信息填写的界面，根据提示填写好购票的信息，点击“提交”以后购票就完成了；在景点信息详情这个界面，同时支持用户对喜欢的景点信息进行收藏、点赞、评论的功能。

（4）购票：当用户在景点信息详情界面想要进行购票，点击下方的“购票”按钮，就会跳转到购票信息填写界面，根据界面提示输入购票信息，点击“提交”按钮，购票就完成了；

（5）酒店信息：用户可以查看酒店信息，在查询到自己想要了解的酒店信息的时候，可以进入查看详细的介绍，点击“预定”这一按钮以后会跳转到预定信息填写的界面，根据提示填写好预定的信息，点击“提交”以后预定就完成了；在酒店信息详情这个界面，同时支持用户对喜欢的酒店信息进行收藏、点赞、评论的功能。

（6）预定：当用户在酒店信息详情界面想要进行预定，点击下方的“预定”按钮，就会跳转到预定信息填写界面，根据界面提示输入预定信息，点击“提交”按钮，预定就完成了；

（7）美食信息：用户可以查看美食信息信息支持通过搜索关键词的方式对美食信息进行查询，在查询到自己想要了解的美食信息的时候，可以进入查看详细的介绍。

管理员管理模块：

（1）用户管理：管理员可以对基于微信小程序旅游网站中的管理员，以及前台注册的游客用户进行增删改查。

（2）景点信息管理：管理员点击“景点信息”菜单可以对景点信息进行增删改查。

（3）景点订单管理：管理员点击“景点订单”菜单可以对景点订单进行管控。

（4）酒店信息管理：管理员点击“酒店信息”菜单可以对酒店信息进行增删改查。

（5）酒店订单管理：管理员点击“酒店订单”菜单可以对酒店订单进行管控。

（6）旅游攻略管理：管理员点击“旅游攻略”菜单可以对旅游攻略进行增删改查。

（8）系统管理：管理员可以对基于微信小程序旅游网站前台展示的轮播图进行管控。

（9）通知公告：管理员对前台展示的公告信息进行增删改查。

2.2.2 非功能性分析

基于微信小程序旅游网站的非功能性需求比如基于微信小程序旅游网站的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

基于微信小程序旅游网站的完整UML用例图分别是图2-1、图2-2和图2-3。

图2-1就是普通用户角色的用例展示。

图2-1 基于微信小程序旅游网站普通用户角色用例图

图2-2就是管理员角色的用例展示。

图2-2 基于微信小程序旅游网站管理员角色用例图

开发基于微信小程序旅游网站最主要的一个目的就是实现用户对酒店的在线预定，图2-4就是系统的数据流图。

分析完基于微信小程序旅游网站的数据流，那么接下来我们来看系统的业务流程，图2-5就是业务流程图：

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本基于微信小程序旅游网站中的用例。那么接下来就要开始对本基于微信小程序旅游网站的架构、主要功能和数据库开始进行设计。基于微信小程序旅游网站根据前面章节的需求分析得出，其总体设计模块图如图3-1所示。

图3-1 基于微信小程序旅游网站功能模块图

本系统的用户包括管理员和用户两种用户模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如下图：

图3-2用户模块结构图

基于微信小程序旅游网站是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图3-3评论管理模块结构图

基于微信小程序旅游网站是中需要存储不少酒店信息，其模块功能结构，具体的结构图如下：

图3-4酒店信息模块结构图

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

下面是整个基于微信小程序旅游网站中主要的数据库表总E-R实体关系图。

图3-6 基于微信小程序旅游网站总E-R关系图

通过上一小节中基于微信小程序旅游网站中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

当进入基于微信小程序旅游网站的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是公告信息，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

基于微信小程序旅游网站的游客和时可以进行注册登录，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。

图4-2注册界面图

注册关键代码如下：

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

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

        // 查询用户

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

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

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

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

}     

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

图4-3用户登录界面图

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

图4-4注册登录流程图

登录的逻辑代码如下所示。

/**

     * 登录

     * @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.4景点信息详情界面

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

图4-5景点信息详情界面图

当用户在景点信息详情界面想要进行景点订单，点击下方的“景点订单”按钮，就会跳转到景点订单信息填写界面，根据界面提示输入景点订单信息，点击“提交”按钮，景点订单就完成了，景点订单界面如下图4-5所示。

图4-6景点订单详情界面图

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

图4-7 酒店信息详情界面图

4.1.7预定界面

当用户在酒店信息界面想要进行预定，点击下方的“预定”按钮，就会跳转到预定信息填写界面，根据界面提示输入预定信息，点击“提交”按钮，预定就完成了，预定界面如下图4-8所示。

图4-8预定界面图

在实现预定操作的时候，没有登录的用户只能进行查看，如果想要实现预定这个操作的话，预定的前提必须是登录后才能进行。详见图4-9所示。

图4-9 预定流程图

4.1.8美食信息详情界面

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

图4-10 美食信息详情界面图

管理员点击“用户管理”这一菜单会显示管理员和普通用户这两个子菜单，管理员可以对这两个角色的信息进行增删改查操作。界面如下图4-11所示。

图4-11用户管理界面图

用户管理关键代码如下：

  @PostMapping("/add")

    @Transactional

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

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

        return success(1);

    }

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

    service.insert(map);

     return success(1);

 }

4.2.2定位信息管理界面

点击“定位信息”按钮会显示自己添加的定位信息，如果想要添加新的定位信息，点击“添加”按钮根据提示输入定位信息，点击“提交”后在定位信息界面就可以显示了，如果信息有错可以对定位信息进行更新维护，也可以直接删除某一定位信息。界面如下图4-12所示。

图4-12定位信息管理界面图

@PostMapping("/set")

@Transactional

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

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

系统测试包括：用户登录功能测试、酒店信息展示功能测试、酒店信息添加、酒店信息搜索、密码修改、预定功能测试，如表5-1、5-2、5-3、5-4、5-5、5-6所示：