الصينية المبسطة |
نظام إدارة المحتوى يعتمد على 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.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
يعتمد نظام إدارة المحتوى الخلفي جزئيًا على قالب vue-admin
إطار عمل واجهة المستخدم هو Element UI
عنصر واجهة المستخدم: الاستخدام الجزئي، بعض المكونات الصغيرة، تم تغيير نمط واجهة المستخدم لتسهيل تنفيذ التأثير السريع
إضافة وظيفة التسمية
تحسين بعض واجهة المستخدم
طريقة نشر الواجهة الأمامية لـ 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
، وإلا فلا يمكن ضمان أمان الرمز المميز. مجموعة اتصالات كيو كيو : (951286996)
مجموعة تيراغرام: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
هذه المجموعة عبارة عن مجموعة للتعلم والتبادل. إذا كانت هناك مشكلات متعلقة بالبرنامج، فيرجى إرسال المشكلات مباشرةً.
ترخيص GPL-3.0 © pipipi-pikachu
شكرًا لشركة JetBrains لتوفير ترخيص البرامج مفتوحة المصدر غير التجارية