Simplified Chinese | English
Content management system based on Spring Boot + Vue with front-end and back-end separation
Demo: (www.icecmspro.com) Backstage: (admin.icecmspro.com)
Official website: (www.icecms.cn)
IceCMS document: (http://www.icecms.cn)
Content management: Management of various types of content such as articles, pictures, resources, etc.;
Column management: Customize columns, add, delete, modify and check columns;
User management: Manage backend users, including functions such as adding, deleting, modifying, and assigning permissions;
Data statistics: statistical analysis of website visits, user behavior, etc.;
Template management: Customize website templates to facilitate and quickly build a website;
SEO optimization: SEO optimization functions such as website title, keywords, description, etc.
Front desk: www.icecmspro.com
uniapp mobile terminal: uni.icecmspro.com
Backstage: admin.icecmspro.com Account admin
Password admin123
API documentation: api.icecmspro.com/doc.html
Developed based on JDK8, you need to add dependencies above 8:
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >
Core framework: Vue2.x, Vue Router, Vuex
The Vue project is built based on @vue/cli4.x
JS dependencies and reference css: axios, moment, nprogress, v-viewer, prismjs, APlayer, MetingJS, lodash, mavonEditor, echarts, tocbot, iCSS
The backend CMS is partly based on vue-admin-template
The UI framework is Element UI
Element UI: Partial use, some small components, UI style changed to facilitate quick effect implementation
Add label function
Improve some UI
Docker front-end deployment method
docker compose one-click deployment
Docker deployment method (recommended, can be used for quick launch or testing)
# 未安装docker的请先安装docker,已经安装的跳过此步
yum install docker-ce -y
#启动docker
systemctl start docker
# 配置国内源
# 创建docker目录
sudo mkdir -p /etc/docker
# 创建配置文件
sudo tee /etc/docker/daemon.json <<-'EOF'
{
"registry-mirrors": ["https://mirror.ccs.tencentyun.com"]
}
EOF
# 加载新的配置文件
sudo systemctl daemon-reload
# 重启docker服务
sudo systemctl restart docker
main-命令执行
Ps:按顺序执行
1.运行Mysql容器
docker run -d -p 0:3389
--name ice-sql
--restart always
thecosy/icemysql:v2.2.0
2.运行Spring容器
docker run -d -p 8181:8181
--name ice-api
--restart always
--link ice-sql:db
thecosy/icecms:v2.2.0
3.运行Vue容器
docker run -d -p 3000:80
--name ice-vue
--restart always
--link ice-api:iceApi
thecosy/icevue:v2.2.0
#访问前端地址http://ip:3000
iceCMS/
├── HELP.md
├── IceCMS-java.iml
├── IceCMS-main --java主程序启动入口
│ ├── IceCMS-main.iml
│ ├── main.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IcePay-ment --java支付模块
│ ├── IcePay-ment.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IceWk-ment --java前端api模块
│ ├── IceWk-ment.iml
│ ├── pom.xml
│ ├── src
│ └── target
├── IceWk-uniApp --h5Uniapp模块
│ ├── App.vue
│ ├── LICENSE
│ ├── components
│ ├── main.js
│ ├── manifest.json
│ ├── nPro
│ ├── package-lock.json
│ ├── package.json
│ ├── pages
│ ├── pages.json
│ ├── static
│ ├── store
│ ├── subPage
│ ├── template.h5.html
│ ├── theme
│ ├── uni.scss
│ ├── uni_modules
│ ├── utils
│ └── vue.config.js
├── IceWk-vues --前端vue模块
│ ├── LICENSE
│ ├── README.md
│ ├── babel.config.js
│ ├── build
│ ├── dist
│ ├── jest.config.js
│ ├── jsconfig.json
│ ├── node_modules
│ ├── package-lock.json
│ ├── package.json
│ ├── postcss.config.js
│ ├── public
│ ├── serverless.yml
│ ├── src
│ ├── vue.config.js
│ └── yarn.lock
├── README.md
├── bin
│ ├── clean.bat
│ ├── package.bat
│ └── run.bat
├── doc
│ └── IceCMS环境使用手册.docx
├── mvnw
├── mvnw.cmd
├── pom.xml
└── sql --项目sql文件
├── icecms5.6.sql
└── icecms8.0.sql
1.Environment configuration
MySQL JDK1.8 or above Maven Nodejs WeChat developer tools
2. Create the MySQL database IceCMS
and execute /sql/IceCMS.sql
to initialize the table data
3. Start the backend service of iceCMS-main management background
3.1. Modify the configuration information IceCMS-main/src/main/resources/application.yml
to configure the database connection
3.2. Install Redis and start it (it will not affect it if not used)
3.3. Open the command line and enter the following command
cd iceCMS
mvn install
mvn clean package
java -Dfile.encoding=UTF-8 -jar iceCMS/iceCMS-main/target/iceCMS.jar
#在iceCMS.jar目录输入 java -jar iceCMS.jar
4. Enter the iceCMS-vues directory
Open the command line and enter the following command
# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git
# 进入项目目录
cd IceWk-VUE
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --legacy-peer-deps --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
5. Start the front end
Open the browser, visit http://localhost:9528, and enter the front-end page.
Start the front-end and backend (backend address http://localhost:9528/admin)
6. Start the uniapp mobile terminal
DownloadHBuilderX
Enter the (https://ext.dcloud.net.cn/plugin?id=9261) uniapp mobile plug-in directory, click Import, and then import it locally.
You can also open the IceCMS-uniapp project locally
Open the IceWK-uniApp
directory and compile and package it
Some frequently asked questions:
utf8mb4
(many table fields such as "Site Settings" and "Article Details" require the utf8mb4
format character set to support emoji expressions. Otherwise, when importing a sql file, even if the import is successful, it will Some fields are incomplete, causing an error when rendering data on the front-end page)root
, 123123
Because it is a personal project, there is no page to change the password. You can manually generate the password in the main
method under top.naccl.util.HashUtils
and store it in the database.application-dev.properties
in the IceCMS-main directory.token.secretKey
, otherwise token security cannot be guaranteed. QQ communication group: (951286996)
Tg group: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
This group is a learning and exchange group. If there are program-related issues, please submit issues directly.
GPL-3.0 license © pipipi-pikachu
Thanks to JetBrains for providing the non-commercial open source software License