簡體中文| English
基於Spring Boot + Vue 前後端分離的內容管理系統
示範: (www.icecmspro.com) 後台:(admin.icecmspro.com)
官網: (www.icecms.cn)
IceCMS 文件: (http://www.icecms.cn)
內容管理:文章、圖片、資源等多種類型的內容管理;
欄位管理:自訂欄目,對欄位進行增刪改查等操作;
用戶管理:管理後台用戶,包括新增、刪除、修改、權限分配等功能;
資料統計:對網站流量、使用者行為等進行統計分析;
模板管理:自訂網站模板,方便快速建立網站;
SEO優化:網站標題、關鍵字、說明等SEO優化功能。
前台:www.icecmspro.com
uniapp行動端:uni.icecmspro.com
後台:admin.icecmspro.com 帳號admin
密碼admin123
API文件:api.icecmspro.com/doc.html
基於JDK8 開發,8以上要加入依賴:
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >
核心框架:Vue2.x、Vue Router、Vuex
Vue 專案基於@vue/cli4.x 構建
JS 依賴及參考的css:axios、moment、nprogress、v-viewer、prismjs、APlayer、MetingJS、lodash、mavonEditor、echarts、tocbot、iCSS
後台CMS 部分基於vue-admin-template
UI 框架為Element UI
Element UI:部分使用,一些小元件,更改了ui樣式,方便快速實現效果
增加標籤功能
完善部分ui
docker 前端部署方式
docker compose 一鍵部署
Docker部署方式(建議,可用於快速上線或測試)
# 未安装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.環境配置
MySQL JDK1.8或以上Maven Nodejs 微信開發者工具
2.建立MySQL 資料庫IceCMS
,並執行/sql/IceCMS.sql
初始化表數據
3.啟動iceCMS-main管理後台的後端服務
3.1.修改設定資訊IceCMS-main/src/main/resources/application.yml
設定資料庫連接
3.2.安裝Redis 並啟動(不用的話不影響)
3.3.打開命令列,輸入以下命令
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.進入iceCMS-vues目錄
開啟命令列,輸入以下命令
# 克隆项目
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.啟動前端
瀏覽器打開,造訪http://localhost:9528 , 此時進入前端頁面。
啟動前端後台(後台位址http://localhost:9528/admin)
6.啟動uniapp行動端
下載HBuilderX
進入(https://ext.dcloud.net.cn/plugin?id=9261)uniapp行動裝置外掛程式目錄,點選匯入,然後即可匯入到本機。
也可在本機開啟IceCMS-uniapp項目
開啟IceWK-uniApp
目錄,進行編譯打包
一些常見問題:
utf8mb4
的情況下通常沒有問題(」網站設定「及」文章詳情「等許多表格欄位需要utf8mb4
格式字元集來支援emoji 表情,否則在匯入sql 檔案時,即使成功匯入,也會有部分欄位內容不完整,導致前端頁面渲染資料時報錯)root
, 123123
,因為是個人項目,沒打算做修改密碼的頁面,可在top.naccl.util.HashUtils
下的main
方法手動產生密碼存入資料庫application-dev.properties
的設定資訊token.secretKey
,否則無法保證token 安全性QQ交流群:(951286996)
Tg群組:[https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
該群組為學習交流群,如果是程序相關問題,請直接提交issues
GPL-3.0 license © pipipi-pikachu
感謝JetBrains 提供的非商業開源軟體License