idealyard

Halaman Ideal

Gunakan Vue2 dan Flask untuk membangun blog pribadi yang tenang dengan front-end dan back-end yang terpisah.

Beberapa petunjuk tentang proyek dapat ditemukan di sini Tentang IdealYard Jika Anda tidak menemukan apa yang Anda butuhkan, silakan berkomunikasi melalui email atau Masalah;

Melihat

1. Blog ini hanya untuk pembelajaran prinsip saja. Halaman depan belum menerapkan layout responsif. Saya belum punya tenaga untuk menerapkannya, dan saya belum punya waktu untuk mengurus konten blog. Blog tentang catatan harian sebagian besar diperbarui di Biyuan Pastoral Records.

2. Jika Anda seorang pemula di Flask, saya merekomendasikan sebuah buku berbahasa Mandarin kepada Anda: "Pengembangan Web Flask dalam Praktek: Memulai, Tingkat Lanjut, dan Analisis Prinsip". Pada saat yang sama, disarankan untuk mengunjungi situs web ini lebih sering: HelloFlask - Tempat pengumpulan sumber daya Flask

3. Karena habisnya masa berlaku server, blog ini tidak memiliki fungsi demonstrasi. Jika ada yang menyebarkannya secara online dan dapat memberikan link demonstrasi, saya akan sangat berterima kasih. Untuk saat ini, silakan klik tautan di bawah untuk menyaksikan demonstrasi fungsi sederhana. Gunakan Vue dan Flask untuk membuat tampilan fungsi blog pribadi RESTful yang memisahkan bagian depan dan belakang_bilibili(゜-゜)つロCheers~-bilibili

4. Karena alasan yang disebutkan di sini, Flask-RESTful bukan lagi pilihan yang baik. Mungkin flask-restx dan Apiflask <Pengembangan China> (catatan: karena kerangka kerja ini sedang dalam pengembangan aktif, harap evaluasi dengan cermat saat menggunakannya) adalah alternatif yang lebih andal. . Pengganti yang bagus. Jika Anda perlu belajar, disarankan juga untuk bermigrasi ke ekstensi yang lebih aktif dipelihara.

Perhatikan untuk membedakan perbedaan antara ekstensi dan kerangka kerja. Silakan merujuk ke: Harap jangan membandingkan Flask dan FastAPI secara bersamaan |

Karena "FastAPI harus dibandingkan dengan kerangka Web API berdasarkan Flask", objek perbandingan apa yang cocok? Meskipun Flask-RESTX, Flask-Rebar, flask-apispec, flask-smorest, Flask-RESTful, dan APIFairy mencoba menjadi kerangka kerja, mereka masih merupakan ekstensi Flask dalam hal implementasi spesifik.

berkomunikasi

1. Untuk masalah teknis, silakan coba gunakan Issues · imoyao/idealyard untuk mengajukan pertanyaan dan memberikan kontribusi kepada komunitas, lihat: Issue #15 · imoyao/idealyard
2. Grup QQ didirikan atas saran netizen, nomor grup: 613922612. Namun harap diperhatikan: proyek ini murni open source. Saya tidak mendapat untung apa pun darinya (saya punya batu bata sendiri untuk dipindahkan), dan tidak mungkin mengabdikan diri untuk menjawab pertanyaan semua orang di masa mendatang. Oleh karena itu, tujuan dari grup ini lebih untuk membangun saluran bagi para pemula untuk berkomunikasi satu sama lain. Jika memungkinkan, diskusikan masalah Anda di depan umum daripada sekadar membuang tangkapan layar dan menunggu jawaban.

Melihat

Jika tidak perlu, harap pertimbangkan baik-baik apakah akan bergabung! Beberapa siswa bergabung dengan grup dan kemudian keluar dari grup tanpa mengucapkan sepatah kata pun. Tindakan mendaftar untuk bergabung dengan grup dan kemudian keluar dari grup akan menimbulkan gangguan yang tidak perlu bagi saya.

3. Bersikap ramah, bersahabat, bersahabat. Internet adalah sebuah utas, hargai nasib ini. Mohon bersikap baik dan tulus kepada siswa lain.

Prasyarat

ular piton

3.6+

MySQL

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

atau

MariaDB

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

Buat basis data

Basis data mode pengembangan: iyblog_dev , Anda dapat mengubah konfigurasi di sini

 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;

Konfigurasi lingkungan

1. Setelah masuk ke direktori saat ini, instal terlebih dahulu paket manajemen pipenv melalui pip

   pip install pipenv [--user]

2. Instal dependensi Python

   pipenv install 

3. Konfigurasikan variabel lingkungan

   vi .flaskenv

4. Edit file dot.env, konfigurasikan variabel lingkungan dan ganti namanya menjadi .env

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

ujung depan

Silakan cari tutorial di Internet untuk menginstal dan mengubah sumber node dan npm/yarn sendiri.

Bagian penerapan front-end didemonstrasikan menggunakan npm sebagai alat manajemen paket. Jika Anda menggunakan yarn untuk manajemen paket, silakan modifikasi sendiri (jika Anda menggunakan benang, Anda pasti tidak akan menemukan package.json .)

Untuk konfigurasi perintah front-end, lihat bab scripts di front/package.json .

Instal dependensi

npm install

modus pengembangan

1. Ubah alamat dan port yang diminta oleh backend di file front-end front/config/dev.env.js ke alamat api sebenarnya
2. Mulai bagian depan

npm run dev

modus produksi

1. Beralih direktori

 cd front

2. Tetapkan alamat BASE_API lingkungan prod

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

3. Atur router ke mode 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. membangun file

npm run build

Silakan lihat file document/deploy.md untuk mempelajari lebih lanjut.

Dukungan buruh pelabuhan

lulus

TODO

Karena keterbatasan waktu, masih ada beberapa masalah yang belum terselesaikan. Silakan lihat di sini untuk detailnya. Jika ada siswa yang membutuhkan PR , Anda juga dapat merujuk ke masalah umum yang belum terselesaikan dan lembar bug di sini.

Lagi

Daripada mencari-cari di tempat lain, lebih baik berdiri bahu-membahu di sini. Untuk konfigurasi dan instruksi mode pengembangan, lihat dokumen lainnya

Ikhtisar kode

Struktur direktori dan statistik volume kode lihat di sini

Ikhtisar bagian depan

Ucapan Terima Kasih

Berkat dorongan dari Ibu G @Sabiner, saya mendapat ide untuk menulis blog pribadi. Semuanya bermula dari sore hari saat Qiu Chuji melewati Desa Niujia...

Terima kasih juga kepada @LeiWong atas waktu yang dia habiskan untuk membantu menemukan bug dan memecahkan masalah ketika dia menemui masalah selama pengembangan.

---

Manusia harus mampu mengganti popok, merencanakan invasi, menyembelih babi, menghubungkan kapal, merancang bangunan, menulis soneta, menyeimbangkan rekening, membangun tembok, memasang tulang, menghibur orang yang sekarat, menerima perintah, memberi memesan, bekerja sama, bertindak sendiri, menyelesaikan persamaan, menganalisis masalah baru, melempar pupuk kandang, memprogram komputer, memasak makanan lezat, bertarung dengan efisien, mati dengan gagah.

Laki-laki harus mampu mengganti popok, merencanakan perang, membunuh babi, mengarungi kapal, merancang rumah, menulis soneta, menyelesaikan rekening, membangun tembok, menyambung tulang yang terkilir, menghibur orang yang sekarat, mematuhi perintah, mengeluarkan perintah, dan bekerja sama, bertindak mandiri, menyelesaikan persamaan matematika, menganalisis masalah baru, menyekop kotoran, pemrograman komputer, membuat makanan lezat, pandai bertarung, dan mati dengan gagah berani. Hanya serangga yang dibatasi pada satu kategori.

-- Robert Anson Heinlein, "Waktunya Cukup untuk Mencintai"