vue nodejs elementUI mysql express demo

vue-nodejs-etementui-mysql-express-demo

Vue+NodeJS front -end และรายการแยกกลับเรียนรู้และใช้งานมีการดำเนินการรายการพื้นฐาน รวมถึงปัญหาบางอย่างที่พบตั้งแต่ต้นโครงการไปจนถึงกระบวนการปรับใช้ขั้นสุดท้าย

ที่อยู่ตัวอย่างโครงการ: ดูตัวอย่างที่อยู่-aixiaodou.cn

ที่อยู่รีวิว: บล็อกส่วนบุคคล- https://blog.csdn.net/qq_32442967/artail/details/103459148

ที่อยู่ฐานข้อมูล: Express-demo/doc/demo2.sql

ฐานข้อมูล MySQL

ฐานข้อมูลคือ demo2

สร้างฐานข้อมูล Demo2> เรียกใช้คำสั่ง SQL

แก้ไขการกำหนดค่าการเชื่อมต่อฐานข้อมูล Model/Conndb.js ในโครงการ Express-Demo

Express-Demo-Web: โครงการเว็บ front end

 # 安装依赖
npm install

# 运行项目
npm run dev

Express-Demo: โครงการ nodejs back-end

 # 安装依赖
npm install

# 运行项目
npm start

---

โครงการนี้เป็นโครงการรายการโดยใช้โหมดการแยกของปลาย (nodejs) สิ้นสุด

เทคโนโลยีการใช้งานหลัก:

• ปลายด้านหน้า: vue+ elementui+ axios+ vue-cli+ webpack+ vue-router+ vuex+ js-cookie
• Back End: nodejs+ express+ jsonwebtoken
• ฐานข้อมูล: MySQL
• สภาพแวดล้อมการปรับใช้: nginx
• การปรับใช้เซิร์ฟเวอร์: linux centos7

บทนำฟังก์ชั่นที่มีอยู่:

1. เครื่องมือดาวน์โหลดเครื่องมือดาวน์โหลดโมดูล: รายการสอบถามจากฐานข้อมูลและแสดงการจำแนกประเภท
2. เข้าสู่ระบบ, ลงชื่อเข้าใช้การลงทะเบียน, ลงทะเบียน, และออกจากการเข้าสู่ระบบ: หน้าดาวน์โหลดหน้าแรกและเครื่องมือไม่มีตัวอย่างเข้าสู่ระบบหน้ารายชื่อผู้ใช้สามารถมองเห็นได้หลังจากเข้าสู่ระบบ บันทึก SessionToken ในคุกกี้และผู้ใช้จะถูกเก็บไว้ใน LocalStorage ตามที่จะเข้าสู่ระบบมุมบนขวาคือการเข้าสู่ระบบหรืออวตาร
3. ผู้ใช้รายการผู้ใช้รายการผู้ใช้: หน้า, การค้นหาเบลอ, การแก้ไขผู้ใช้, ฟังก์ชั่นการลบ
4. Friend_link Friendship Link Interface: วางห่วงโซ่เพื่อนและข้อมูลการยื่นในฐานข้อมูล
5. สถิติการดาวน์โหลดซอฟต์แวร์หมายเลข
6. ผู้ใช้แก้ไขและลบฟังก์ชั่นของพวกเขา

---

V 1.0.2 ดาวน์โหลดสถิติ/การตรวจสอบการลงทะเบียนเข้าสู่ระบบ (รายการ 5-6)

1. เพิ่มประสิทธิภาพการตรวจสอบโทเค็น
2. สถิติการดาวน์โหลดซอฟต์แวร์หมายเลข
3. ผู้ใช้แก้ไขและลบฟังก์ชั่นของพวกเขา

V 1.0.1 ใช้ฟังก์ชั่นพื้นฐาน (รายการ 1-4) -บันทึกปัญหาบางอย่างที่พบ

ส่วนหน้า

1. หากหน้าควบคุมถูกลงชื่อเข้าใช้เพื่อเข้าถึง: ตามโทเค็นเพื่อพิจารณาว่ามีการเข้าสู่ระบบใด ๆ หรือไม่ให้กำหนดค่าลิงค์อ้างอิงเราเตอร์
2. บันทึก USERID หลังจากเข้าสู่ระบบ LocalStorage

ปลายด้านหลัง

1. NodeJS เชื่อมต่อฐานข้อมูล MySQL

ปรับใช้

1. หลังจาก Nginx ปรับใช้โครงการ VUE ไม่มีปัญหากับการเข้าถึงปกติและปัญหาของปัญหา 404 จะเกิดขึ้นหลังจากการรีเฟรช
2. NodeJS ใช้ลิงก์อ้างอิงตลอดไปในการดำเนินการ Linux Long Long

---

V 1.0.0 สร้างโครงการด้านหน้าและด้านหน้า

ส่วนหน้า

1. ใช้ vue-cli+ webpack เพื่อสร้างโครงการ Vue
2. กำหนดค่าเราเตอร์, store, utils, axios, elementui, หมายเลขพอร์ต ...

ปลายด้านหลัง

1. ใช้ Express เพื่อสร้างลิงค์อ้างอิงโครงการ NODEJS
2. ติดตั้งแพ็คเกจการพึ่งพา JsonwebToken เพื่อสร้างโทเค็น
3. ติดตั้งแพ็คเกจการพึ่งพาฐานข้อมูล MySQL

แก้ไขปัญหาการอ้างอิงข้ามโดเมน (การตั้งค่าส่วนหัวคำขอ)

• Front End: ขอ Interceptor ใน Axios, Set SessionToken, ใช้มันเป็นการตรวจสอบด้านหลัง, ตรวจสอบว่าเป็นเซิร์ฟเวอร์ที่อนุญาต
• Back End: ตั้งค่าส่วนหัวคำขอใน app.js-add app.all ()
• Back End: เนื่องจาก SESSIONTENKED SESSIONTOKEN ที่มีการร้องขอด้วยตนเองสำหรับคำขอข้ามโดเมนที่ซับซ้อน

ฐานข้อมูล

1. สร้างฐานข้อมูล> ตาราง [ผู้ใช้, tools_down, friend_link]
2. ข้อมูลการทดสอบการจำลอง