Chinês Simplificado | Inglês
Sistema de gerenciamento de conteúdo baseado em Spring Boot + Vue com separação front-end e back-end
Demonstração: (www.icecmspro.com) Bastidores: (admin.icecmspro.com)
Site oficial: (www.icecms.cn)
Documento IceCMS: (http://www.icecms.cn)
Gestão de conteúdos: Gestão de diversos tipos de conteúdos como artigos, imagens, recursos, etc.;
Gerenciamento de colunas: personalize colunas, adicione, exclua, modifique e verifique colunas;
Gerenciamento de usuários: gerencie usuários de back-end, incluindo funções como adicionar, excluir, modificar e atribuir permissões;
Estatísticas de dados: análise estatística de visitas ao website, comportamento dos utilizadores, etc.;
Gerenciamento de modelos: Personalize modelos de sites para facilitar e construir rapidamente um site;
Otimização de SEO: funções de otimização de SEO, como título do site, palavras-chave, descrição, etc.
Recepção: www.icecmspro.com
terminal móvel uniapp: uni.icecmspro.com
Bastidores: admin.icecmspro.com Conta admin
Senha admin123
Documentação da API: api.icecmspro.com/doc.html
Desenvolvido baseado em JDK8, é necessário adicionar dependências acima de 8:
< dependency >
< groupId >javax.xml.bind</ groupId >
< artifactId >jaxb-api</ artifactId >
< version >2.3.0</ version >
</ dependency >
Estrutura principal: Vue2.x, Vue Router, Vuex
O projeto Vue é construído com base em @vue/cli4.x
Dependências JS e CSS de referência: axios, moment, nprogress, v-viewer, prismjs, APlayer, MetingJS, lodash, mavonEditor, echarts, tocbot, iCSS
O CMS de back-end é parcialmente baseado no vue-admin-template
A estrutura da UI é Element UI
UI do elemento: uso parcial, alguns componentes pequenos, estilo da UI alterado para facilitar a implementação rápida do efeito
Adicionar função de rótulo
Melhore alguma IU
Método de implantação de front-end do Docker
docker compõe implantação com um clique
Método de implantação do Docker (recomendado, pode ser usado para inicialização ou teste rápido)
# 未安装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.Configuração do ambiente
MySQL JDK1.8 ou superior Ferramentas de desenvolvedor Maven Nodejs WeChat
2. Crie o banco de dados MySQL IceCMS
e execute /sql/IceCMS.sql
para inicializar os dados da tabela
3. Inicie o serviço de back-end do histórico de gerenciamento principal do iceCMS
3.1 Modifique as informações de configuração IceCMS-main/src/main/resources/application.yml
para configurar a conexão do banco de dados.
3.2. Instale o Redis e inicie-o (não o afetará se não for usado)
3.3. Abra a linha de comando e digite o seguinte 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. Entre no diretório iceCMS-vues
Abra a linha de comando e digite o seguinte 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 o front-end
Abra o navegador, visite http://localhost:9528 e entre na página inicial.
Inicie o front-end e o back-end (endereço de back-end http://localhost:9528/admin)
6. Inicie o terminal móvel uniapp
BaixarHBuilderX
Entre no diretório de plug-in móvel uniapp (https://ext.dcloud.net.cn/plugin?id=9261), clique em Importar e importe-o localmente.
Você também pode abrir o projeto IceCMS-uniapp localmente
Abra o diretório IceWK-uniApp
e compile-o e empacote-o
Algumas perguntas frequentes:
utf8mb4
(muitos campos da tabela, como "Configurações do site" e "Detalhes do artigo", exigem o conjunto de caracteres no formato utf8mb4
para suportar expressões emoji. Caso contrário, ao importar um arquivo sql, mesmo se a importação for bem-sucedida, alguns campos estarão incompletos, causando um erro ao renderizar os dados na página front-end)root
, 123123
Por ser um projeto pessoal, não há página para alterar a senha. Você pode gerar manualmente a senha no método main
em top.naccl.util.HashUtils
e armazená-la. no banco de dados.application-dev.properties
no diretório IceCMS-main.token.secretKey
, caso contrário, a segurança do token não poderá ser garantida. Grupo de comunicação QQ: (951286996)
Grupo Tg: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
Este grupo é um grupo de aprendizagem e intercâmbio. Se houver questões relacionadas ao programa, envie as questões diretamente.
Licença GPL-3.0 © pipipi-pikachu
Obrigado à JetBrains por fornecer a licença de software de código aberto não comercial