Skip to content

一个论坛小程序项目,里面可以通过中国地图点击省份或者通过二级搜索框跳转省市,然后在该市的论坛区完成发帖跟帖等操作

Notifications You must be signed in to change notification settings

TProgram/Environment-Protect-Map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

前言

EPM是一个论坛小程序,里面集成了echarts中国地图,可以通过点击地图上的省份以及通过二级选择框进行省和市级跳转,进入某一个省市的论坛版块。该项目实现了基本的论坛功能,包括发帖,匿名发帖,上传图片,跟帖,收藏等功能。

本项目是EPM的前端部分,后端代码见Environment-Protect-Map-backend

小程序前端介绍

首页:
首页使用echarts来实现地图展示。需要下载相应地图文件 见 index/china.js。地图的设置见index.js中的initChart函数。地图的点击功能需要通过echarts自带的 chart.on('click',(e) =>来实现。地图可以实现拖动和放大。 上面二级选择框可以选择省市,之后可以跳转到相应的省市讨论区论坛界面。或者通过点击地图上某一个省份来进行跳转。 下面的 最新发布 是选出了所有省市的最新发布或者跟帖的若干个帖子。

首页效果图

讨论区:
讨论区是各个省的论坛。最上面可以选择该省下的其他市区进行跳转。 点击相关标题即可进入帖子。在帖子里可以进行跟帖。 点击右下角的铅笔符号可以发帖。发帖可以上传图片。也可以选择匿名发帖。 帖子标题的右边有个五角星符号,点击可以进行收藏。收藏的帖子在“我的”页面的“我的收藏”中查看。

发帖效果图 讨论区效果图

我的:
我的页面采用微信登录的方式。仅实现了“我的收藏”页面的收藏功能。以及“联系我们”有个简单的页面 首页效果图

后端技术

MySQL
Redis
Mybatis
OSS
SpringBoot
JWT
Swagger-UI

项目部署

  1. 下载代码
  2. 部署后端程序,并根据自己的信息修改application.yml文件,填写服务器ip地址,MySQL,redis账号信息,aliyun信息以及小程序AppID和密钥;修改generator.properties文件中的服务器ip地址;修改generatorConfig.xml中指定生成model,mapper.xml,mapper接口的路径
  3. 下载前端代码,并填写自己的AppID。在configs/api.js中填写自己的服务器ip# Environment-Protect-Map

About

一个论坛小程序项目,里面可以通过中国地图点击省份或者通过二级搜索框跳转省市,然后在该市的论坛区完成发帖跟帖等操作

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published