Упрощенный китайский |
Система управления контентом на базе Spring Boot + Vue с разделением front-end и back-end
Демо: (www.icecmspro.com) Backstage: (admin.icecmspro.com)
Официальный сайт: (www.icecms.cn)
Документ IceCMS: (http://www.icecms.cn)
Управление контентом: управление различными типами контента, такими как статьи, изображения, ресурсы и т. д.;
Управление столбцами: настраивайте столбцы, добавляйте, удаляйте, изменяйте и проверяйте столбцы;
Управление пользователями: управление внутренними пользователями, включая такие функции, как добавление, удаление, изменение и назначение разрешений;
Статистика данных: статистический анализ посещений сайта, поведения пользователей и т. д.;
Управление шаблонами: настройка шаблонов веб-сайтов для облегчения и быстрого создания веб-сайта;
SEO-оптимизация: функции SEO-оптимизации, такие как заголовок веб-сайта, ключевые слова, описание и т. д.
Стойка регистрации: www.icecmspro.com.
Мобильный терминал uniapp: uni.icecmspro.com
Backstage: 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.
Фреймворк пользовательского интерфейса — Element UI.
Пользовательский интерфейс элемента: частичное использование, несколько небольших компонентов, стиль пользовательского интерфейса изменен для облегчения быстрой реализации эффекта.
Добавить функцию метки
Улучшить некоторые элементы пользовательского интерфейса
Метод внешнего развертывания Docker
Docker создает развертывание в один клик
Метод развертывания 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 Инструменты разработчика WeChat
2. Создайте базу данных MySQL IceCMS
и выполните /sql/IceCMS.sql
для инициализации данных таблицы.
3. Запустите серверную службу IceCMS – основной фон управления.
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
для поддержки выражений эмодзи. В противном случае при импорте файла sql даже если импорт прошел успешно, некоторые поля не заполнены, что приводит к ошибке при рендеринге данных на главной странице)root
, 123123
Поскольку это личный проект, страницы для изменения пароля нет. Вы можете вручную сгенерировать пароль в main
методе в разделе top.naccl.util.HashUtils
и сохранить его. в базе данных.application-dev.properties
в главном каталоге IceCMS.token.secretKey
, иначе безопасность токена не может быть гарантирована. Группа связи QQ: (951286996)
Группа ТГ: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
Эта группа предназначена для обучения и обмена. Если есть проблемы, связанные с программой, сообщайте о них напрямую.
Лицензия GPL-3.0 © pipipi-pikachu
Благодарим JetBrains за предоставление лицензии на некоммерческое программное обеспечение с открытым исходным кодом.