Chino simplificado | Inglés
Sistema de gestión de contenidos basado en Spring Boot + Vue con separación de front-end y back-end
Demostración: (www.icecmspro.com) Entre bastidores: (admin.icecmspro.com)
Sitio web oficial: (www.icecms.cn)
Documento IceCMS: (http://www.icecms.cn)
Gestión de contenidos: Gestión de diversos tipos de contenidos como artículos, imágenes, recursos, etc.;
Gestión de columnas: personalice columnas, agregue, elimine, modifique y verifique columnas;
Gestión de usuarios: administre los usuarios de backend, incluidas funciones como agregar, eliminar, modificar y asignar permisos;
Estadísticas de datos: análisis estadístico de visitas al sitio web, comportamiento de los usuarios, etc.;
Gestión de plantillas: personalice las plantillas de sitios web para facilitar y crear rápidamente un sitio web;
Optimización SEO: funciones de optimización SEO como título del sitio web, palabras clave, descripción, etc.
Recepción: www.icecmspro.com
Terminal móvil uniapp: uni.icecmspro.com
Backstage: admin.icecmspro.com admin
de cuenta Contraseña admin123
Documentación API: api.icecmspro.com/doc.html
Desarrollado en base a JDK8, es necesario agregar dependencias superiores a 8:
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >
Marco central: Vue2.x, Vue Router, Vuex
El proyecto Vue está construido en base a @vue/cli4.x
Dependencias JS y CSS de referencia: axios, moment, nprogress, v-viewer, prismjs, APlayer, MetingJS, lodash, mavonEditor, echarts, tocbot, iCSS
El CMS backend se basa parcialmente en vue-admin-template
El marco de la interfaz de usuario es Element UI
UI de elemento: uso parcial, algunos componentes pequeños, estilo de UI cambiado para facilitar la implementación rápida del efecto
Agregar función de etiqueta
Mejorar algunas UI
Método de implementación del front-end de Docker
Docker compone implementación con un solo clic
Método de implementación de Docker (recomendado, se puede utilizar para inicio rápido o pruebas)
# 未安装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.Configuración del entorno
MySQL JDK1.8 o superior Herramientas de desarrollo Maven Nodejs WeChat
2. Cree la base de datos MySQL IceCMS
y ejecute /sql/IceCMS.sql
para inicializar los datos de la tabla.
3. Inicie el servicio backend de iceCMS-fondo de administración principal
3.1 Modifique la información de configuración IceCMS-main/src/main/resources/application.yml
para configurar la conexión de la base de datos.
3.2. Instale Redis e inícielo (no lo afectará si no se usa)
3.3. Abra la línea de comando e ingrese el siguiente comando
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. Ingrese al directorio iceCMS-vues
Abra la línea de comando e ingrese el siguiente comando
# 克隆项目
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. Inicie la parte delantera
Abra el navegador, visite http://localhost:9528 e ingrese a la página de inicio.
Inicie el front-end y el backend (dirección del backend http://localhost:9528/admin)
6. Iniciar el terminal móvil uniapp
DescargarHBuilderX
Ingrese al directorio del complemento móvil uniapp (https://ext.dcloud.net.cn/plugin?id=9261), haga clic en Importar y luego impórtelo localmente.
También puedes abrir el proyecto IceCMS-uniapp localmente
Abra el directorio IceWK-uniApp
y compílelo y empaquetelo
Algunas preguntas frecuentes:
utf8mb4
(muchos campos de la tabla como "Configuración del sitio" y "Detalles del artículo" requieren el juego de caracteres en formato utf8mb4
para admitir expresiones emoji. De lo contrario, al importar un archivo sql, incluso si la importación se realiza correctamente, algunos campos están incompletos, lo que provoca un error al representar datos en la página de inicio)root
, 123123
Debido a que es un proyecto personal, no hay una página para cambiar la contraseña. Puede generar manualmente la contraseña en el método main
en top.naccl.util.HashUtils
y almacenarla. en la base de datos.application-dev.properties
en el directorio principal de IceCMS.token.secretKey
; de lo contrario, no se puede garantizar la seguridad del token. Grupo de comunicación QQ: (951286996)
Grupo tg: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
Este grupo es un grupo de aprendizaje e intercambio. Si hay problemas relacionados con el programa, envíelos directamente.
Licencia GPL-3.0 © pipipi-pikachu
Gracias a JetBrains por proporcionar la licencia de software de código abierto no comercial.