# 校园论坛

**Repository Path**: zhu_miao_ting/campus-forum

## Basic Information

- **Project Name**: 校园论坛
- **Description**: 这是一个基于node和mongoDB数据库的校园论坛，用户端采用微信小程序开发，管理后台用vue框架、element-ui组件，目前正在开发中，会不断的更新
后端 node.js
数据库 mongoDB
前端 
   用户端：微信小程序
   管理后台：vue + element-ui
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 1
- **Created**: 2021-01-18
- **Last Updated**: 2024-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 校园论坛

#### 介绍
这是一个基于node和mongoDB数据库的校园论坛，用户端采用H5页面开发、vant组件，管理后台用vue框架、element-ui组件，目前正在开发中，会不断的更新
##### 
- 后端 node.js
- 数据库 mongoDB
- 前端 
- 用户端：H5页面（vue） + vant
- 管理后台：vue + element-ui

# 使用说明
### 步骤：
1. 这里是列表文本安装mongodb数据库，并配置
https://www.runoob.com/mongodb/mongodb-window-install.html
2. 这里是列表文本这里是列表文本在C盘或者D盘的根目录下新建data/db文件夹
3. 安装图形化工具 MongoDB Compass
4. 在bin下配置mongod.config文件
##database directory
　　dbpath=d:\data\db
##log file
　　logpath=d:\data\log
5. 以管理员身份命令行启动数据库
1)启动MongoDB服务
	net strat MongoDB
2)关闭MongoDB服务
	net stop MongoDB
3)移除 MongoDB 服务
	C:\mongodb\bin\mongod.exe --remove
6. MongoDB 后台管理 Shell
执行mongo.exe文件
7. 安装Vue-Cli
npm i -g vue-cli
8. 去到你想要放置项目的目录，进行初始化
vue init webpack XXX（你想要项目的名字）
9. 按提示一直下一步，完成后按提示
cd XXX
npm install （这里建议使用淘宝镜像cnpm，不然墙外的东西……）
npm run dev
10. 打开node服务，serve目录打开cmd，执行index    
node index.js



### 启动服务
1. 开启mongoDB 数据库(cmd管理员身份运行)
  （1）net start mongodb
    (2) mongo
2. 开启node服务（在项目的的serve目录下,在终端就可以了，开多一个）
    （1）node index.js
3. 跑起来项目
    （1）npm run dev 
4. 改本机IP的地址
如果需要代理到手机，必须同一个局域网，就是电脑开热点给手机，或者手机开热点给电脑

### 项目相关图片
![输入图片说明](%E8%B5%84%E6%96%99/%E5%9B%BE/221b2895b40656a9d6a27fcc598c503.png)

#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)