vue admin blog

w-บล็อก

อธิบาย

บล็อกส่วนตัวที่ใช้ Spring Boot 2.x ในแบ็กเอนด์, nuxtJs ในส่วนหน้า และ vue ในแบ็กเอนด์

การแนะนำ

1. ลิงค์

• ลิงค์กีต้า:

  • API: https://gitee.com/windsnowli/w-blog-api

  • แผนกต้อนรับ: https://gitee.com/windsnowli/vue-ssr-blog

  • แบ็กเอนด์: https://gitee.com/windsnowli/vue-admin-blog

• ลิงค์ GitHub:

  • API: https://github.com/WindSnowLi/w-blog-api

  • แผนกต้อนรับ: https://github.com/WindSnowLi/vue-ssr-blog

  • แบ็กเอนด์: https://github.com/WindSnowLi/vue-admin-blog

2. โครงการบล็อกส่วนตัวแบบเรียบง่ายแบ่งออกเป็นสามส่วน:前台,后台และ api

3. แบ็กเอนด์ API ขึ้นอยู่กับ SpringBoot ส่วนใหญ่อาศัย mybatis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j ฯลฯ ฐานข้อมูลใช้ MySQL8.0+

4. รูปแบบหลักของแผนกต้อนรับมาจากเทมเพลต BizBlog บนอินเทอร์เน็ต ฉันไม่รู้ว่ามันมาจากไหน มันถูกเขียนใหม่เป็นโปรเจ็กต์ nuxtJs ตามต้นฉบับ

5. โดยทั่วไปแล้ว vue-element-admin ที่ใช้ใน UI พื้นหลังจะถูกใช้โดยตรง หากคุณต้องการปรับแต่งด้วยตัวเอง ความแรงของคุณจะไม่อนุญาต

6. ตัวอย่าง: อาหารสีเขียว - Cai Dog

เริ่มต้นในประเทศ

api: API ที่ร้องขอโดยส่วนหน้าและส่วนหลังใช้โปรเจ็กต์เดียวกัน

1. git clone https://gitee.com/WindSnowLi/w-blog-api.git หรือ git clone https://github.com/WindSnowLi/w-blog-api.git เพื่อโคลนโครงการในเครื่อง
2. mvn clean install dependency:tree
3. แก้ไขข้อมูลการกำหนดค่าฐานข้อมูลในสภาพแวดล้อมการพัฒนา application-dev.yml และสภาพแวดล้อมการผลิต application-prod.yml โดยที่ knife4j จะเปิดใช้งานในสภาพแวดล้อมการพัฒนาเท่านั้น
4. สร้างฐานข้อมูลว่างด้วยชื่อที่ระบุในการกำหนดค่าฐานข้อมูล การเข้ารหัส UTF8
5. mvn clean package -Dmaven.test.skip=true ข้ามการทดสอบและสร้างแพ็คเกจ jar
6. java -jar 生成的包名.jar ใช้เพื่อรันสภาพแวดล้อมการกำหนดค่าการพัฒนา ฐานข้อมูลจะเริ่มต้นโดยอัตโนมัติในระหว่างการรันครั้งแรก
7. ไปที่ http://127.0.0.1:8888/doc.html เพื่อดูเอกสารประกอบ api
8. ขอแนะนำให้ใช้ IDEA เพื่อเปิดโฟลเดอร์โปรเจ็กต์เพื่อจัดการการขึ้นต่อกันโดยอัตโนมัติและอำนวยความสะดวกในการดำเนินการ

แผนกต้อนรับ

1. git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git หรือ git clone https://github.com/WindSnowLi/vue-ssr-blog.git โคลนโครงการเป็นโลคัล
2. การพึ่งพาการติดตั้ง npm install
3. ที่ host ในไฟล์ config/sitemap.xml สามารถแก้ไขได้เพื่อสร้างแผนผังการเข้าถึง
4. หมายเลขพอร์ตใน nuxt.config.js สามารถแก้ไขได้
5. คุณสามารถแก้ไข BASE_URL ใน script ในไฟล์ package.json เพื่อระบุที่อยู่ API ของแบ็ก api
6. npm run build
7. npm start ทำงานในเครื่อง

หลังเวที

1. git clone https://gitee.com/WindSnowLi/vue-admin-blog.git หรือ git clone https://github.com/WindSnowLi/vue-admin-blog.git โคลนโครงการเป็นโลคัล
2. การพึ่งพาการติดตั้ง npm install
3. npm run dev ใช้อินเทอร์เฟซแสดงตัวอย่างข้อมูลจำลอง
4. แก้ไขที่อยู่ VUE_APP_BASE_API ในไฟล์ .env.production เป็นที่อยู่ของ api แบ็กเอนด์
5. npm run build:prod คอมไพล์
6. ไฟล์ที่คอมไพล์แล้วในโฟลเดอร์ dist สามารถวางไว้ใต้เซิร์ฟเวอร์ http (คุณสามารถใช้ npm เพื่อติดตั้ง http-server ) เพื่อการเข้าถึง
7. บัญชีเริ่มต้น: [email protected] รหัสผ่าน: 123456

จอแสดงผลอินเทอร์เฟซ

แผนกต้อนรับ

หลังเวที

ใบอนุญาต

เอ็มไอที

ลิขสิทธิ์ (c) 2021 WindSnowLi