หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

บล็อกที่ไม่ดี?

巩固知识、打发时间โปรเจ็กต์นี้พัฒนาจาก 2 จุดนี้ และอาจมีข้อบกพร่องในรายละเอียด

สังเกต

รหัสส่วนหน้าคือ: ./front-end รหัสอินเทอร์เฟซคือ: ./server รหัสการจัดการพื้นหลังคือ: ./admin

?แนะนำโครงการ

บทนำที่เกี่ยวข้อง

ธีมของบล็อกอิงจาก YEVPT ปล. 嘤嘤嘤 ไม่หล่อเท่าเขาหรอก

  1. บล็อกแบบหลายคน (ทุกคนสามารถเผยแพร่บทความได้ บทความต้องมีการตรวจสอบ) กีฬาผู้เล่นหลายคน???
  2. บทบาท/สิทธิ์แบบไดนามิกของแบ็กเอนด์ (ผู้ดูแลระบบขั้นสูงสามารถกำหนดค่าได้)
  3. ไฟล์ทรัพยากร (รูปภาพ, วัสดุการศึกษาบางอย่าง ) การจัดการแบบรวมศูนย์
  4. เว็บไซต์เต็ม https
  5. RESETful api

คำแนะนำการกำหนดค่า

การกำหนดค่าเซิร์ฟเวอร์ (ไดเร็กทอรีเซิร์ฟเวอร์) ปัจจุบันโครงการรองรับวิธีการกำหนดค่าสองวิธี: file และ nacos ซึ่งสามารถแยกแยะได้ด้วยตัวแปรสภาพแวดล้อม ( CONFIG_MODE ) 

 CONFIG_MODE=file | nacos # 二选一
  1. การกำหนดค่าไฟล์จะถูกผสานและแทรกผ่านไดเรกทอรีรากของเซิร์ฟเวอร์ app.config.[production|development].json และ app.config.json
  2. nacos ที่ถูกฉีดผ่านตัวแปรสภาพแวดล้อม 
 NACOS_SERVER_ADDR=localhost:8848 # 地址
NACOS_NAMESPACE=dev # 命名空间
NACOS_DATA_ID=blog # 数据ID
NACOS_GROUP=DEFAULT_GROUP # 组ID
NACOS_USERNAME=dev_test # 用户名
NACOS_PASSWORD=111111 # 密码

?รู้เบื้องต้นเกี่ยวกับเวอร์ชันประวัติศาสตร์

ทั้งหมดเขียนไว้ตอนฉันเรียนหนังสือ

เวอร์ชันแรกเขียนโดย Java servlet และไม่ได้รับการดูแลรักษาอีกต่อไป
เวอร์ชันที่สองคือ koa+mongo+ejs+bootstrap+jquery+layui ขณะนี้ปิดอยู่และข้อมูลบทความได้ถูกย้ายแล้ว [githubh2.0] [ที่อยู่ออนไลน์]

?ยังไม่เสร็จ

  1. ข้อความแจ้งเตือน (ไม่ได้ทำอะไรเลย ร้องไห้)
  2. ฟังก์ชั่นไลค์/ไลค์ (สงวนไว้)
  3. ลืม. ? (ความจำรายวันไม่ดี)
  4. รายละเอียด

จัดแสดง

?กองเทคโนโลยี

บล็อกนี้ให้ความรู้สึกเหมือนสร้างกลุ่มเทคโนโลยีเพียงเพื่อประโยชน์ในการสร้างกลุ่มเทคโนโลยี บอกเลยว่าคอนเฟิร์มแล้ว! - -
เดิมทีฉันวางแผนว่าจะช่วยตัวเองโดยตรงบนเฟรม 3n แต่ฉันก็ยังขี้เกียจเกินไป -

โดยทั่วไป: Nest/nuxt/vue
UI: ElementUI/Vuetify
การจัดเก็บข้อมูล: mongo/redis/cookie/localStoreage
การแจ้งเตือน: SMS/อีเมลของ Tencent

ไฟล์การกำหนดค่าบางไฟล์ไม่ได้อัปโหลดไปยัง GitHub และจะถูกทำให้ง่ายขึ้นและอัปโหลดในภายหลัง [GitHub] [ที่อยู่ออนไลน์]

ปรับใช้

การปรับใช้แบบคอนเทนเนอร์โดยใช้ Docker

tar --exclude=node_modules --exclude=dist --exclude=.nuxt --exclude=_config --exclude=.DS_Store --exclude=.git -zcvf ../blog3.tar.gz .
docker-compose up --build
docker-compose up -d

ส่วนหน้าของบล็อก

ใช้ Nuxtjs + Vuetify.js

เซิร์ฟเวอร์

ใช้ nestjs + mongodb + redis + cos

แพลตฟอร์มการจัดการ

ใช้ Vuejs + Element UI

?โครงสร้างไดเร็กทอรี 

 ├── README.md            # 自述
├── admin                # 管理页面
│   ├── Dockerfile              # 管理页面 Dockerfile 配置 （ps: 目前无用）
│   ├── README.md               # 管理页面自述
│   ├── package.json
│   ├── public
│   ├── src                     # 项目目录
│   └── vue.config.js           # vue 配置文件
├── docker-compose.yml   # docker-compose 配置文件
├── front-end            # 博客前台页面
│   ├── Dockerfile
│   ├── README.md
│   ├── assets
│   ├── components
│   ├── constant
│   ├── jsconfig.json
│   ├── layouts
│   ├── middleware
│   ├── nuxt.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── pages
│   ├── plugins
│   ├── server
│   ├── static
│   ├── store
│   └── utils
├── package.json
└── server                # 博客服务端
    ├── Dockerfile
    ├── README.md
    ├── dist
    ├── nest-cli.json
    ├── package-lock.json
    ├── package.json
    ├── src
    ├── test
    ├── tsconfig.build.json
    ├── tsconfig.json
    ├── tslint.json
    ├── views
    └── yarn.lock

ความคืบหน้าการพัฒนาโครงการ

2020-06-22 การปรับใช้โปรเจ็กต์เวอร์ชันพื้นฐาน
2020-07-02 โดยพื้นฐานแล้วฟังก์ชันโต้ตอบจะเสร็จสมบูรณ์แล้ว

?มันทำงานยังไง?

  1. โคลนโครงการนี้

  2. เปลี่ยนเซิร์ฟเวอร์/src/ _config เป็นเซิร์ฟเวอร์/src/ config

  3. แก้ไขการกำหนดค่าในไฟล์ server/src/config/default.conf.ts

  4. ติดตั้งการพึ่งพาในแต่ละโครงการ

  5. เรียกใช้เซิร์ฟเวอร์

cd server && npm run start:dev

  1. ใช้งานส่วนหน้าของบล็อก

cd front-end && npm run dev

  1. เรียกใช้พื้นหลังการจัดการ

cd admin && npm run serve

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด