BlogLiteV2

การตั้งค่าท้องถิ่น

• เรียกใช้ pip install -r requirements.txt เพื่อติดตั้งการพึ่งพาทั้งหมดที่เขียนไว้ใน requirements.txt . txt

การพัฒนาท้องถิ่นดำเนินการ

• python3 app.py ใน Backened มันจะเริ่มต้นแอพ Flask ใน development นี่คือการเรียกใช้แอพในระบบท้องถิ่น
• npm run serve ในส่วนหน้าสำหรับให้บริการแอพจาก Frontend on Vue
• ~/go/bin/MailHog สำหรับการเริ่มต้น mailhog บนเซิร์ฟเวอร์ท้องถิ่น
• celery -A app.celery worker -l info ในการสำรองเพื่อเริ่มงานคื่นฉ่าย
• celery -A app.celery beat --max-interval 1 -l info In Backened เพื่อเริ่มต้น Celery Beat และ Scheduler
• redis-cli เพื่อเริ่มเซิร์ฟเวอร์ Redis ในเทอร์มินัล

โครงสร้างโฟลเดอร์ของ /

• โฟลเดอร์ backened และ frontend ซึ่งจะอธิบายต่อไป
• Project Documentation มีคำอธิบายสั้น ๆ เกี่ยวกับแอป
• มีไฟล์ yaml เป็นเอกสาร API
• Project Documentation มีคำอธิบายสั้น ๆ เกี่ยวกับแอป
• ไฟล์ readme และไฟล์ requirements

โครงสร้างโฟลเดอร์ของ backend

• project.sqlite3 เป็นฐานข้อมูล SQLITE มันสามารถอยู่ที่ใดก็ได้บนเครื่องเพียงแค่การปรับในเส้นทางใน app.py เป็นสิ่งจำเป็น หนึ่งในฐานข้อมูลถูกจัดส่งสำหรับการทดสอบ
• รหัสแอปพลิเคชันสำหรับแอปของฉันคือ /
• templates เป็นโฟลเดอร์เริ่มต้นที่จัดเก็บแม่แบบซึ่งใช้สำหรับการส่งอีเมล
• นอกจากนี้ยังมี api.py , cache.py , cachingdata.py , clery.py , emailgenr.py , models.py และ tasks.py โฟลเดอร์ py, ซึ่ง cointains apis ทั้งหมด, การเริ่มต้นการเริ่มต้น, การแคช
• โฟลเดอร์ static ซึ่งเรามีไฟล์ CSV ของข้อมูลที่ส่งออก

โครงสร้างโฟลเดอร์ของ frontend

• node_modules ที่จำเป็นสำหรับการเรียกใช้ vuejs cli
• public ที่มีส่วนประกอบสาธารณะ
• assets ที่มีภาพสาธารณะที่จำเป็นและบล็อกโฟลเดอร์อื่น ๆ อีกสอง blogs และ profile ทั้งสองมีภาพบล็อกที่ผู้ใช้อัปโหลดและอัพโหลดรูปภาพโปรไฟล์ตามลำดับ
• src เป็นโฟลเดอร์เริ่มต้นที่ส่วนประกอบและเราเตอร์ส่วนหน้าอยู่
• components ที่มีส่วนประกอบ Vue สำหรับส่วนหน้า router ซึ่งมี index.js สำหรับการกำหนดเส้นทางที่แตกต่างกัน App.vue หน้าเว็บที่กำลังเสิร์ฟ, index.js สำหรับการเริ่มต้นแอปและ store เพื่อสร้างร้านค้าสำหรับ Vue
• ไฟล์ readme และการกำหนดค่าที่จำเป็นอื่น ๆ

 mad2-project
├── backend
|   ├── app.py
|   ├── api.py
|   ├── cache.py
|   ├── cachingdata.py
|   ├── clery.py
|   ├── database.sqlite3
|   ├── emailgenr.py
|   ├── models.py
|   ├── tasks.py
|   ├── templates
|   |       ├── blogs_csv.html
|   |       ├── daily_reminder.html
|   |       └── monthly_report.html
|   └── Static
|
├── frontend/
│   ├── public
|   ├──src
|   |    ├── assets
|   |    |      ├── Blogs
|   |    |      └── Profile
|   |    ├── components
|   |    |      ├── CommentBlog.vue
|   |    |      ├── EditBlog.vue
|   |    |      ├── EditProfile.vue
|   |    |      ├── LoginSignup.vue
|   |    |      ├── MyFollowers.vue
|   |    |      ├── MyFollowing.vue
|   |    |      ├── NavBar.vue
|   |    |      ├── PostBlog.vue
|   |    |      ├── PostEngage.vue
|   |    |      ├── ReadBlog.vue
|   |    |      ├── SPage.vue
|   |    |      ├── StartPage.vue
|   |    |      └── UserProfile.vue
|   |    ├── router/index.js
|   |    ├── store/inex.js
|   |    ├── App.vue
|   |    └── main.js
|   ├── .gitignore
|   ├── babel.config.js
|   ├── jsconfig.json
|   ├── package-lock.json
|   ├── package.json
|   ├── README.md
|   └── vue.config.js
├── Bloglite.yaml
├── requirements.txt
├── Project_Report_ BLOG-LITEV2.pdf
└── readme.md