จีนตัวย่อ |. อังกฤษ
ระบบการจัดการเนื้อหาที่ใช้ 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: 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, โมเมนต์, nprogress, v-viewer, prismjs, APlayer, MetingJS, lodash, mavonEditor, echarts, tocbot, iCSS
CMS แบ็กเอนด์ส่วนหนึ่งใช้ vue-admin-template
กรอบงาน UI คือ Element UI
UI องค์ประกอบ: การใช้งานบางส่วน ส่วนประกอบขนาดเล็กบางส่วน รูปแบบ UI เปลี่ยนไปเพื่อความสะดวกในการใช้งานอย่างรวดเร็ว
เพิ่มฟังก์ชันป้ายกำกับ
ปรับปรุง UI บางส่วน
วิธีการปรับใช้ฟรอนต์เอนด์นักเทียบท่า
นักเทียบท่าเขียนการปรับใช้เพียงคลิกเดียว
วิธีการปรับใช้ 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
ป้อนไดเรกทอรีปลั๊กอินมือถือ uniapp (https://ext.dcloud.net.cn/plugin?id=9261) คลิกนำเข้า จากนั้นนำเข้าภายในเครื่อง
คุณยังสามารถเปิดโปรเจ็กต์ IceCMS-uniapp ในเครื่องได้
เปิดไดเร็กทอรี IceWK-uniApp
และคอมไพล์และจัดทำแพ็คเกจ
คำถามที่ถูกถามบ่อยบางส่วน:
utf8mb4
(ฟิลด์ตารางจำนวนมาก เช่น "การตั้งค่าไซต์" และ "รายละเอียดบทความ" จำเป็นต้องมีชุดอักขระรูปแบบ utf8mb4
เพื่อรองรับนิพจน์อิโมจิ มิฉะนั้น เมื่อนำเข้าไฟล์ sql แม้แต่ หากนำเข้าสำเร็จก็จะบางช่องไม่สมบูรณ์ทำให้เกิดข้อผิดพลาดเมื่อแสดงข้อมูลในส่วนหน้า)root
123123
เนื่องจากเป็นโครงการส่วนบุคคล จึงไม่มีหน้าสำหรับเปลี่ยนรหัสผ่าน คุณสามารถสร้างรหัสผ่านด้วยตนเองในวิธี main
ภายใต้ top.naccl.util.HashUtils
และเก็บไว้ ในฐานข้อมูลapplication-dev.properties
ในไดเร็กทอรี IceCMS-maintoken.secretKey
ไม่เช่นนั้นจะไม่สามารถรับประกันความปลอดภัยของโทเค็นได้ กลุ่มการสื่อสาร QQ: (951286996)
กลุ่ม Tg: [https://t.me/+1rau4SBwFyE1OTA1](https://t.me/+1rau4SBwFyE1OTA1)
กลุ่มนี้เป็นกลุ่มการเรียนรู้และแลกเปลี่ยน หากมีปัญหาเกี่ยวกับโครงการ กรุณาส่งประเด็นโดยตรง
ใบอนุญาต GPL-3.0 © pipipi-pikachu
ขอขอบคุณ JetBrains ที่ให้ใบอนุญาตซอฟต์แวร์โอเพ่นซอร์สที่ไม่ใช่เชิงพาณิชย์