idealyard

ความคิด

ใช้ Vue2 และ Flask เพื่อสร้างบล็อกส่วนตัวที่แยกออกจากด้านหน้าและด้านหลัง

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

สังเกต

1. บล็อกใช้ สำหรับ การเรียนรู้หลักการเท่านั้น บล็อก Daily Record ได้รับการปรับปรุงเป็นหลักในฝูงโรงพยาบาลอื่น ๆ

2. หากคุณเป็นผู้เริ่มต้นขวดฉันขอแนะนำหนังสือเล่มหนึ่งของหนังสือจีนให้กับทุกคน "การพัฒนาเว็บ Flask: การเริ่มต้นการวิเคราะห์ขั้นสูงและการวิเคราะห์หลักการ" และฉันก็เป็นผู้อ่านและผู้รับผลประโยชน์ของหนังสือเล่มนี้ ในเวลาเดียวกันขอแนะนำให้ไปที่เว็บไซต์นี้เพื่อดู: สถานที่รวบรวมทรัพยากร HelloSk -lask

3. เนื่องจากเซิร์ฟเวอร์หมดอายุบล็อกนี้ไม่มีฟังก์ชั่นการสาธิต คลิกที่ลิงค์ด้านล่างชั่วคราวเพื่อดูการสาธิตการทำงานอย่างง่าย ใช้ Vue and Flask เพื่อสร้างฟังก์ชั่นบล็อกส่วนบุคคลที่แยกจากร้านอาหารของร้านอาหารด้านหน้าและด้านหลัง end_bilibili (゜-゜) つロ ~ -bilibili

4. เนื่องจากเหตุผลที่กล่าวถึงที่นี่ Flask-Restful ไม่ได้เป็นทางเลือกที่ดีอีกต่อไป หากคุณต้องการเรียนรู้ขอแนะนำให้โยกย้ายไปสู่การขยายตัวในเชิงบวกมากขึ้น

ให้ความสนใจกับความแตกต่างระหว่างส่วนขยายและเฟรมเวิร์กดู: โปรดอย่าใส่ขวดและ fastapi เข้าด้วยกัน

เนื่องจาก "Fastapi ควรเปรียบเทียบกับเฟรมเวิร์กเว็บ API ของ Flask" วัตถุเปรียบเทียบที่เหมาะสมคืออะไร? แม้ว่า Flask-Restx, Flask-Rebar, Flask-Apispec, Flask-Smorest, Flask-Restful, Apifairy ฯลฯ แม้ว่าจะพยายามทำกรอบ แต่ก็ยังคงเป็นส่วนขยายของขวดในการใช้งานเฉพาะ

ร่วมกัน

1. สำหรับคำถามทางเทคนิคโปรดลองใช้ปัญหา· Imoyao/Idealyard ให้มากที่สุดเท่าที่จะทำได้
2. กลุ่ม QQ หมายเลขกลุ่ม: 613922612 ภายใต้ข้อเสนอของชาวเน็ต อย่างไรก็ตามโปรดทราบ ว่า โครงการเป็นเพียงโอเพ่นซอร์ส ดังนั้นจุดประสงค์ของกลุ่มนี้จึงเป็นวิธีสร้างวิธีการสื่อสารซึ่งกันและกัน หากเป็นไปได้โปรดพูดคุยเกี่ยวกับคำถามของคุณแทนที่จะโยนภาพหน้าจอและรอคำตอบ

สังเกต

หากไม่จำเป็นโปรดพิจารณาว่าจะเข้าร่วม! เพื่อนร่วมชั้นบางคนจะล่าถอยหลังจากเข้าร่วมหนึ่งประโยคเพื่อให้การดำเนินการสำหรับการสมัครกลุ่มเพิ่มเติมจากนั้นการถอยกลับจะทำให้ฉันไม่จำเป็น

3. เป็นมิตรเป็นมิตรเป็นมิตร แนวหน้าของอินเทอร์เน็ตยึดมั่นในชะตากรรมนี้ ให้แน่ใจว่าได้ปฏิบัติต่อเพื่อนร่วมชั้นคนอื่นด้วยความเมตตาและความจริงใจ

เงื่อนไขคำนำหน้า

งูหลาม

3.6+

mysql

mysql  Ver 14.14 Distrib 5.7.26, for linux-glibc2.12 (x86_64) using  EditLine wrapper

หรือ

มาเรียบ์

[root@python] # mysql --version
mysql  Ver 15.1 Distrib 5.5.64-MariaDB, for Linux (x86_64) using readline 5.1

สร้างฐานข้อมูล

ฐานข้อมูลโหมดการพัฒนา: iyblog_dev คุณสามารถแก้ไขการกำหนดค่าได้ที่นี่

 CREATE USER ' USERNAME '@ ' localhost ' IDENTIFIED BY ' PASSWORD ' ;
-- 如果需要支持emoji，则设置utf8mb4编码。否则使用utf-8编码即可
CREATE DATABASE DATABASENAME CHARSET = utf8mb4;
grant all privileges on DATABASENAME. * to USERNAME@localhost identified by ' PASSWORD ' ;
flush privileges;

การกำหนดค่าสภาพแวดล้อม

1. หลังจากป้อนไดเรกทอรีปัจจุบันให้ติดตั้งแพ็คเกจการจัดการ PipenV ผ่าน PIP

   pip install pipenv [--user]

2. ติดตั้งการพึ่งพา Python

   pipenv install 

3. ตัวแปรสภาพแวดล้อมการกำหนดค่า

   vi .flaskenv

4. แก้ไขไฟล์ dot.env กำหนดค่าตัวแปรสภาพแวดล้อมและเปลี่ยนชื่อ .env

   vi dot.env
   mv dot.env .env        # 参考 master 分支

ส่วนหน้า

การติดตั้งและการแทนที่ NPM และ NPM/การเปลี่ยนเส้นด้ายโปรดค้นหาแบบฝึกหัดการค้นหาออนไลน์

ส่วนการปรับใช้ yarn หน้าแสดงให้เห็นโดย npm เป็นเครื่องมือจัดการ package.json

สำหรับการกำหนดค่าคำสั่งด้านหน้าโปรดดูบท scripts ที่ front/package.json

การพึ่งพาการติดตั้ง

npm install

โหมดการพัฒนา

1. แก้ไขที่อยู่และพอร์ตของไฟล์ front -end จาก front/config/dev.env.js เป็นที่อยู่ API จริง
2. เริ่มต้นปลายด้านหน้า

npm run dev

โหมดการผลิต

1. สวิตช์ไดเรกทอรี

 cd front

2. ตั้งค่าที่อยู่สภาพแวดล้อม prod BASE_API

 // /idealyard/front/config/prod.env.js
module . exports = {
  NODE_ENV : '"production"' ,
  BASE_API : '"http://192.168.116.21:5000/api"'  // TODO:修改为真实API地址
}

3. ตั้ง router เป็นโหมด history

 // path: front/src/router/index.js:16

const router = new VueRouter ( {
  // https://router.vuejs.org/zh/guide/essentials/history-mode.html#html5-history-%E6%A8%A1%E5%BC%8F
  // mode: 'history',
  routes : [ ]
} )

4. สร้างไฟล์

npm run build

ดูไฟล์ document/deploy.md เพื่อเรียนรู้เพิ่มเติม

ฝ่ายสนับสนุนนักเทียบท่า

ผ่าน

สิ่งที่ต้องทำ

bug ความสัมพันธ์เวลายังมีปัญหาบางอย่างที่ยังไม่ได้รับการ PR

มากกว่า

แทนที่จะมองหาที่อื่นมันจะดีกว่าที่จะอยู่เคียงข้างกัน การกำหนดค่าโหมดการพัฒนาและคำอธิบายดูเอกสารเพิ่มเติม

ภาพรวมรหัส

โครงสร้างแคตตาล็อกและสถิติปริมาณรหัสอ้างถึงที่นี่

ภาพรวมด้านหน้า

ขอบคุณ

ขอบคุณ Miss G @Sabiner ที่ให้กำลังใจที่จะมีความคิดในการเขียนบล็อกส่วนตัว ต้นกำเนิดทั้งหมดฉันต้องเริ่มต้นด้วยช่วงบ่ายของหมู่บ้าน Niujia จาก Qiuqiu ...

ในเวลาเดียวกันขอบคุณ @Leiwong สำหรับเวลาที่จะช่วยค้นหา bug และแก้ปัญหาในการพัฒนา

---

มนุษย์ควรจะสามารถเปลี่ยนผ้าอ้อมวางแผนการบุกรุกเนื้อวัวหมู, เรือ, เรือ, ออกแบบอาคาร, เขียนโคลง, บัญชีสมดุล, สร้างกำแพง, ตั้งกระดูก, ปลอบโยนผู้ตาย คำสั่งซื้อ, ความร่วมมือ, การกระทำเพียงอย่างเดียว, แก้สมการ, วิเคราะห์ propom ใหม่, ปุ๋ยปุ๋ย, โปรแกรมคอมพิวเตอร์, ปรุงอาหารอร่อย, ต่อสู้อย่างมีประสิทธิภาพ

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

-rolbert Anson Heinlain "เวลาเพียงพอสำหรับคุณที่จะรัก"