ssm+vue680基于SSM的旅游论坛设计与实现

博主介绍:专注于Java(springboot ssm 等开发框架) vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1500+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
更多项目地址 介绍  翰文编程CSDN博客 翰文编程-CSDN博客
文末下方有源码获取地址

ssm+vue680基于SSM的旅游论坛设计与实现

    1. 系统结构设计

在SSM(Spring + Spring MVC + MyBatis)框架下,设计旅游论坛系统的结构就像构建一棵树,树干代表着核心功能和模块,而树枝则是具体的任务和细节。首先,需求分析阶段至关重要,需要确保对用户需求、功能模块以及系统性能有清晰的理解。例如,旅游论坛的主要功能模块包括用户管理、帖子发布、评论与回复、旅游资讯、搜索功能等。系统的“树干”部分可能包含用户管理模块、帖子管理模块和评论模块,而每个模块的具体任务则是“树枝”,如用户注册、登录、权限控制等。优化和迭代的过程则是对这些任务和模块进行不断完善,可能涉及数据库表的设计、接口的优化、页面性能的提升等。最终,通过SSM框架的集成,各个模块和任务可以顺畅地协作,构建出一个具备高可维护性和易扩展性的旅游论坛系统结构。

管理员功能模块和用户功能模块是该旅游论坛的两大部分,系统结构如图4-2所示。

图4-2 系统结构图

4.3 数据库设计

在SSM(Spring + Spring MVC + MyBatis)框架下设计旅游论坛系统时,系统结构可以类比为一棵树,树干代表核心功能模块,如用户管理、帖子管理和评论管理等,而树枝则是具体的小任务和功能,如用户注册、登录、权限控制等。需求分析阶段是关键,只有明确了系统需求,才能确保每个小任务的实现目标。通过不断优化初步设计,系统最终会形成一个高效、可扩展的结构,各模块和任务通过SSM框架的集成协同工作,构建出一个功能完善且具备良好维护性的旅游论坛系统。

4.3.1 数据库概念设计

在设计SSM(Spring + Spring MVC + MyBatis)旅游论坛系统时,数据库关系图(E-R图)的设计至关重要。首先,根据系统需求确定主要实体,如用户、帖子、评论、标签和旅游目的地等,并分析它们的属性特征和实体间的关联关系。接着,使用E-R模型工具(如Visio或亿图)绘制数据库关系图。在E-R图中,矩形代表实体,椭圆表示实体的属性,菱形则用于表示实体之间的关系。通过连接这些符号,展示实体之间的关联,如“用户”与“帖子”之间的“一对多”关系,或“帖子”与“评论”之间的“一对多”关系等。完成E-R图后,系统的数据库结构便可以清晰呈现,确保数据的存储、查询和关联操作高效实现,从而支撑旅游论坛系统的功能需求。

(1)下图是论坛实体和其具备的属性。


图4.1 论坛实体属性图

(2)下图是用户实体和其具备的属性。


图4.2 用户实体属性图

(3)下图是公告信息实体和其具备的属性。


图4.3 公告信息实体属性图

(4)下图是字典表实体和其具备的属性。


图4.4 字典表实体属性图

(5)下图是景点收藏实体和其具备的属性。


图4.5 景点收藏实体属性图

(6)下图是景点留言实体和其具备的属性。


图4.6 景点留言实体属性图

(7)下图是景点信息实体和其具备的属性。


图4.7 景点信息实体属性图

(8)下图是用户表实体和其具备的属性。


图4.8 用户表实体属性图

      1. 数据库表设计

采用MYSQL数据库对该旅游论坛的数据进行存储,数据库中所包括的各个数据库表的详细信息如下所示:

表4.1字典表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

dic_code

String

字段

3

dic_name

String

字段名

4

code_index

Integer

编码

5

index_name

String

编码名字

6

super_id

Integer

父字段id

7

beizhu

String

备注

8

create_time

Date

创建时间

表4.2论坛表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

forum_name

String

帖子标题

3

yonghu_id

Integer

用户

4

users_id

Integer

管理员

5

forum_content

String

发布内容

6

super_ids

Integer

父id

7

forum_types

Integer

帖子类型

8

forum_state_types

Integer

帖子状态

9

insert_time

Date

发帖时间

10

update_time

Date

修改时间

11

create_time

Date

创建时间

表4.3景点信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

jingdian_name

String

景点名称

3

jingdian_types

Integer

景点类型

4

jingdian_photo

String

景点图片

5

lvyouluxian_money

BigDecimal

景点门票

6

zan_number

Integer

7

cai_number

Integer

8

jingdian_content

String

景点详情

9

insert_time

Date

发布时间

10

create_time

Date

创建时间

表4.4景点收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

jingdian_id

Integer

景点

3

yonghu_id

Integer

用户

4

jingdian_collection_types

Integer

类型

5

insert_time

Date

收藏时间

6

create_time

Date

创建时间

表4.5景点留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

jingdian_id

Integer

景点

3

yonghu_id

Integer

用户

4

jingdian_liuyan_text

String

留言内容

5

reply_text

String

回复内容

6

insert_time

Date

留言时间

7

update_time

Date

回复时间

8

create_time

Date

创建时间

表4.6公告信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

news_name

String

公告标题

3

news_types

Integer

公告类型

4

news_photo

String

公告图片

5

insert_time

Date

公告时间

6

news_content

String

公告详情

7

create_time

Date

创建时间

表4.7用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

yonghu_name

String

用户姓名

3

yonghu_photo

String

头像

4

yonghu_phone

String

联系方式

5

yonghu_id_number

String

身份证号

6

yonghu_email

String

邮箱

7

yonghu_delete

Integer

假删

8

create_time

Date

创建时间

表4.8用户表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

2

username

String

用户名

3

password

String

密码

4

role

String

角色

5

addtime

Date

新增时间

  1. 系统的实现
    1. 功能模块的实现

5.1用户信息管理

如图5.1显示的就是用户信息管理页面,此页面提供给管理员的功能有:用户信息的查询管理,可以删除用户信息、修改用户信息、新增用户信息,

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

5.2 景点信息管理

如图5.2显示的就是景点信息管理页面,此页面提供给管理员的功能有:查看已发布的景点信息数据,修改景点信息,景点信息作废,即可删除,还进行了对景点信息名称的模糊查询 景点信息信息的类型查询等等一些条件。

图5.2 景点信息管理页面

主要代码


    /**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永不会进入");
        else if("用户".equals(role))
            params.put("yonghuId",request.getSession().getAttribute("userId"));
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = jingdianService.queryPage(params);

        //字典表数据转换
        List<JingdianView> list =(List<JingdianView>)page.getList();
        for(JingdianView c:list){
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(c, request);
        }
        return R.ok().put("data", page);
    }

    /**
    * 后端详情
    */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        JingdianEntity jingdian = jingdianService.selectById(id);
        if(jingdian !=null){
            //entity转view
            JingdianView view = new JingdianView();
            BeanUtils.copyProperties( jingdian , view );//把实体数据重构到view中

            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

    /**
    * 后端保存
    */
    @RequestMapping("/save")
    public R save(@RequestBody JingdianEntity jingdian, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,jingdian:{}",this.getClass().getName(),jingdian.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");

        Wrapper<JingdianEntity> queryWrapper = new EntityWrapper<JingdianEntity>()
            .eq("jingdian_name", jingdian.getJingdianName())
            .eq("jingdian_types", jingdian.getJingdianTypes())
            .eq("zan_number", jingdian.getZanNumber())
            .eq("cai_number", jingdian.getCaiNumber())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        JingdianEntity jingdianEntity = jingdianService.selectOne(queryWrapper);
        if(jingdianEntity==null){
            jingdian.setInsertTime(new Date());
            jingdian.setCreateTime(new Date());
            jingdianService.insert(jingdian);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 后端修改
    */
    @RequestMapping("/update")
    public R update(@RequestBody JingdianEntity jingdian, HttpServletRequest request){
        logger.debug("update方法:,,Controller:{},,jingdian:{}",this.getClass().getName(),jingdian.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");
        //根据字段查询是否有相同数据
        Wrapper<JingdianEntity> queryWrapper = new EntityWrapper<JingdianEntity>()
            .notIn("id",jingdian.getId())
            .andNew()
            .eq("jingdian_name", jingdian.getJingdianName())
            .eq("jingdian_types", jingdian.getJingdianTypes())
            .eq("zan_number", jingdian.getZanNumber())
            .eq("cai_number", jingdian.getCaiNumber())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        JingdianEntity jingdianEntity = jingdianService.selectOne(queryWrapper);
        if("".equals(jingdian.getJingdianPhoto()) || "null".equals(jingdian.getJingdianPhoto())){
                jingdian.setJingdianPhoto(null);
        }
        if(jingdianEntity==null){
            jingdianService.updateById(jingdian);//根据id更新
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 删除
    */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        jingdianService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName, HttpServletRequest request){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        Integer yonghuId = Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId")));
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        try {
            List<JingdianEntity> jingdianList = new ArrayList<>();//上传的东西
            Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段
            Date date = new Date();
            int lastIndexOf = fileName.lastIndexOf(".");
            if(lastIndexOf == -1){
                return R.error(511,"该文件没有后缀");
            }else{
                String suffix = fileName.substring(lastIndexOf);
                if(!".xls".equals(suffix)){
                    return R.error(511,"只支持后缀为xls的excel文件");
                }else{
                    URL resource = this.getClass().getClassLoader().getResource("../../upload/" + fileName);//获取文件路径
                    File file = new File(resource.getFile());
                    if(!file.exists()){
                        return R.error(511,"找不到上传文件,请联系管理员");
                    }else{
                        List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件
                        dataList.remove(0);//删除第一行,因为第一行是提示
                        for(List<String> data:dataList){
                            //循环
                            JingdianEntity jingdianEntity = new JingdianEntity();
//                            jingdianEntity.setJingdianName(data.get(0));                    //景点名称 要改的
//                            jingdianEntity.setJingdianTypes(Integer.valueOf(data.get(0)));   //景点类型 要改的
//                            jingdianEntity.setJingdianPhoto("");//详情和图片
//                            jingdianEntity.setLvyouluxianMoney(data.get(0));                    //景点门票 要改的
//                            jingdianEntity.setZanNumber(Integer.valueOf(data.get(0)));   //赞 要改的
//                            jingdianEntity.setCaiNumber(Integer.valueOf(data.get(0)));   //踩 要改的
//                            jingdianEntity.setJingdianContent("");//详情和图片
//                            jingdianEntity.setInsertTime(date);//时间
//                            jingdianEntity.setCreateTime(date);//时间
                            jingdianList.add(jingdianEntity);


                            //把要查询是否重复的字段放入map中
                        }

                        //查询是否重复
                        jingdianService.insertBatch(jingdianList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            e.printStackTrace();
            return R.error(511,"批量插入数据异常,请联系管理员");
        }
    }





    /**
    * 前端列表
    */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

        // 没有指定排序字段就默认id倒序
        if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
            params.put("orderBy","id");
        }
        PageUtils page = jingdianService.queryPage(params);

        //字典表数据转换
        List<JingdianView> list =(List<JingdianView>)page.getList();
        for(JingdianView c:list)
            dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
        return R.ok().put("data", page);
    }

    /**
    * 前端详情
    */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        JingdianEntity jingdian = jingdianService.selectById(id);
            if(jingdian !=null){


                //entity转view
                JingdianView view = new JingdianView();
                BeanUtils.copyProperties( jingdian , view );//把实体数据重构到view中

                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


5.3论坛类型管理

如图5.3显示的就是论坛类型管理页面,此页面提供给管理员的功能有:根据论坛类型进行条件查询,还可以对论坛类型进行新增、修改、查询操作等等。

图5.3 论坛类型管理页面v

大家点赞、收藏、关注、评论啦  其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

猜你喜欢

转载自blog.csdn.net/qq_41221322/article/details/143503252