Vereinfachtes Chinesisch |
Content-Management-System auf Basis von Spring Boot + Vue mit Front-End- und Backend-Trennung
Demo: (www.icecmspro.com) Backstage: (admin.icecmspro.com)
Offizielle Website: (www.icecms.cn)
IceCMS-Dokument: (http://www.icecms.cn)
Content-Management: Verwaltung verschiedener Arten von Inhalten wie Artikeln, Bildern, Ressourcen usw.;
Spaltenverwaltung: Spalten anpassen, Spalten hinzufügen, löschen, ändern und überprüfen;
Benutzerverwaltung: Backend-Benutzer verwalten, einschließlich Funktionen wie Hinzufügen, Löschen, Ändern und Zuweisen von Berechtigungen;
Datenstatistik: Statistische Analyse von Website-Besuchen, Nutzerverhalten usw.;
Vorlagenverwaltung: Passen Sie Website-Vorlagen an, um die Erstellung einer Website zu erleichtern und schnell durchzuführen.
SEO-Optimierung: SEO-Optimierungsfunktionen wie Website-Titel, Schlüsselwörter, Beschreibung usw.
Rezeption: www.icecmspro.com
uniapp-Mobilterminal: uni.icecmspro.com
Backstage: admin.icecmspro.com admin
Passwort admin123
API-Dokumentation: api.icecmspro.com/doc.html
Basierend auf JDK8 entwickelt, müssen Sie Abhängigkeiten über 8 hinzufügen:
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >
Kernframework: Vue2.x, Vue Router, Vuex
Das Vue-Projekt basiert auf @vue/cli4.x
JS-Abhängigkeiten und Referenz-CSS: Axios, Moment, Nprogress, V-Viewer, PrismJS, APlayer, MetingJS, Lodash, MavonEditor, Echarts, Tocbot, iCSS
Das Backend-CMS basiert teilweise auf vue-admin-template
Das UI-Framework ist Element UI
Element-Benutzeroberfläche: Teilweise Verwendung, einige kleine Komponenten, UI-Stil geändert, um eine schnelle Effektimplementierung zu ermöglichen
Beschriftungsfunktion hinzufügen
Verbessern Sie die Benutzeroberfläche
Docker-Front-End-Bereitstellungsmethode
Docker Compose One-Click-Bereitstellung
Docker-Bereitstellungsmethode (empfohlen, kann zum schnellen Starten oder Testen verwendet werden)
# 未安装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. Umgebungskonfiguration
MySQL JDK1.8 oder höher Maven Nodejs WeChat-Entwicklertools
2. Erstellen Sie die MySQL-Datenbank IceCMS
und führen Sie /sql/IceCMS.sql
aus, um die Tabellendaten zu initialisieren
3. Starten Sie den Backend-Dienst von iceCMS – Hauptverwaltungshintergrund
3.1. Ändern Sie die Konfigurationsinformationen IceCMS-main/src/main/resources/application.yml
um die Datenbankverbindung zu konfigurieren
3.2. Installieren Sie Redis und starten Sie es (es hat keine Auswirkungen, wenn es nicht verwendet wird)
3.3. Öffnen Sie die Befehlszeile und geben Sie den folgenden Befehl ein
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. Geben Sie das Verzeichnis „iceCMS-vues“ ein
Öffnen Sie die Befehlszeile und geben Sie den folgenden Befehl ein
# 克隆项目
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. Starten Sie das Frontend
Öffnen Sie den Browser, besuchen Sie http://localhost:9528 und rufen Sie die Front-End-Seite auf.
Starten Sie das Front-End und das Backend (Backend-Adresse http://localhost:9528/admin).
6. Starten Sie das mobile Endgerät uniapp
Laden Sie HBuilderX herunter
Geben Sie das Verzeichnis (https://ext.dcloud.net.cn/plugin?id=9261) des mobilen Uniapp-Plugins ein, klicken Sie auf „Importieren“ und importieren Sie es dann lokal.
Sie können das IceCMS-uniapp-Projekt auch lokal öffnen
Öffnen Sie das IceWK-uniApp
Verzeichnis und kompilieren und packen Sie es
Einige häufig gestellte Fragen:
utf8mb4
ist (viele Tabellenfelder wie „Site-Einstellungen“ und „Artikeldetails“ erfordern den Zeichensatz im Format utf8mb4
um Emoji-Ausdrücke zu unterstützen. Andernfalls sogar beim Importieren einer SQL-Datei Wenn der Import erfolgreich ist, werden einige Felder unvollständig sein, was zu einem Fehler beim Rendern der Daten auf der Front-End-Seite führt.root
, 123123
Da es sich um ein persönliches Projekt handelt, gibt es keine Seite zum Ändern des Passworts. Sie können das Passwort in der main
unter top.naccl.util.HashUtils
manuell generieren und speichern in der Datenbank.application-dev.properties
im IceCMS-Hauptverzeichnis zu ändern.token.secretKey
zu ändern, da sonst die Tokensicherheit nicht gewährleistet werden kann. QQ-Kommunikationsgruppe: (951286996)
Tg-Gruppe: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
Diese Gruppe ist eine Lern- und Austauschgruppe. Wenn es programmbezogene Probleme gibt, reichen Sie diese bitte direkt ein.
GPL-3.0-Lizenz © pipipi-pikachu
Vielen Dank an JetBrains für die Bereitstellung der nichtkommerziellen Open-Source-Softwarelizenz