ITSource 分享 第5期【校园信息墙系统】

项目介绍

本期给大家介绍一个 校园信息墙 系统,可以发布信息,表白墙,分享墙,校园二手买卖,咨询分享等墙信息。整个项目还是比较系统的,分为服务端,管理后台,用户Web端,小程序C端。代码风格比较成熟,具备参考和学习意义。用来学习和做毕业设计,面试开发经验,都是不错的。

一 业务介绍

本系统分为以下几个模块:

1.墙信息模块分类展示

Web 用户端

"

最新墙: 按照信息墙更新时间展示墙信息

"

还有表白墙,买卖墙,综合墙等,并且分类可以自定义配置.

小程序端展示:

image.png

还可以分享视频:

2.信息墙管理后台

"

管理后台可以对小程序端进行管理,可以修改分类,标签等
image.png

管理后台还可以对发布信息墙进行审核,下架,拒绝等操作:

以及管理信息墙菜单: 管理评论:

二 技术介绍

1.技术栈

  • 后端: SpringBoot2.x +Mybatis+Redis
  • 数据库 : MYSQL 8.x
  • 前端: VUE + ElementUI
  • 管理后台: VUE + ElementUI
  • 小程序: uni-app

2.代码介绍

本项目设计系统较多, 分为服务端,管理后台端,小程序端,web端等,部署起来稍微有点难度。 项目解构如下:
image.png

三 Quick Start

1. 环境准备

  • MYSQL 8
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 16
  • Redis
  • HubuilderX

"

以上环境需要准备好, 在自己的本地搭建好,方可进行下面步骤

2. 下载源码

  • Github

"

服务端+管理后台+小程序构建后文件 https://github.com/panji-tech/campus-example 小程序源码: https://github.com/panji-tech/uni-app_campus_web web 端: https://github.com/panji-tech/nuxt_campus_example

  • 百度云::

"

链接:https://pan.baidu.com/s/1iwam2W_otjtb-1O4_wgv8g?pwd=5byd 提取码:5byd

  • 蓝奏云:

"

https://itguang.lanzoub.com/b02x7rfhc 密码:8ksm

3. 后端部署

  • Step1: 下载源码
  • Step2: IDEA 打开项目
  • Step3: 安装 Maven 依赖
  • Step4: 配置检查

"

  • 数据库配置: 确认数据库配置链接和 用户名密码都正确,接下来执行数据库初始化语句: 打开navicat 连接到Mysql 服务器,新建数据库: campus_example,打开项目中的sql文件: 复制到 navicat 中执行即可: 即可看到表结构初始化并且相关数据也有初始化:
  • Step4: 启动后端项目

"

Idea 运行后端项目,看到以下信息,表示运行成功

4. 管理后台部署

打开终端,进入管理后台项目目录:

" image.png

  • Step1: 安装npm依赖

"

npm install

  • Step2: 启动前端项目

"

npm run dev 看到如下信息表示部署成功

点击任何一个连接,即可跳转浏览器打开.

" image.png
"

登录: 输入账号密码: admin 123456 即可登录成功!

5.小程序部署

下载安装微信开发者工具并打开,

稍等一会即可看到小程序运行成功:

如果想对小程序做源码改动,可以打开小程序源码项目,用 HbuilderX 修改,构建,运行即可。

"

注意:微信小程序登录的 appid 和 secret 都是我申请的测试号,邮箱发送也是测试号.如果修改,可以直接修改数据库,然后重启后端项目即可:



关注 ITSource 公众号 ! 获取更多学习资源呀 !


"

可付费二次开发, 定制, 一对一讲解, 有意可微信联系: itguangit

本文由mdnice多平台发布

相关推荐
Nejosi_念旧2 小时前
解读 Go 中的 constraints包
后端·golang·go
风无雨2 小时前
GO 启动 简单服务
开发语言·后端·golang
小明的小名叫小明2 小时前
Go从入门到精通(19)-协程(goroutine)与通道(channel)
后端·golang
斯普信专业组2 小时前
Go语言包管理完全指南:从基础到最佳实践
开发语言·后端·golang
一只叫煤球的猫4 小时前
【🤣离谱整活】我写了一篇程序员掉进 Java 异世界的短篇小说
java·后端·程序员
你的人类朋友5 小时前
🫏光速入门cURL
前端·后端·程序员
aramae7 小时前
C++ -- STL -- vector
开发语言·c++·笔记·后端·visual studio
lifallen7 小时前
Paimon 原子提交实现
java·大数据·数据结构·数据库·后端·算法
舒一笑8 小时前
PandaCoder重大产品更新-引入Jenkinsfile文件支持
后端·程序员·intellij idea
PetterHillWater9 小时前
AI编程之CodeBuddy的小试
后端·aigc