vue admin blog

w-blog

menggambarkan

Blog pribadi yang menggunakan Spring Boot 2.x di backend, nuxtJs di frontend, dan vue di backend

Perkenalan

1. Link

• Tautan Gite:

  • api: https://gitee.com/windsnowli/w-blog-api

  • Meja depan: https://gitee.com/windsnowli/vue-ssr-blog

  • Bagian belakang: https://gitee.com/windsnowli/vue-admin-blog

• Tautan GitHub:

  • api: https://github.com/WindSnowLi/w-blog-api

  • Meja depan: https://github.com/WindSnowLi/vue-ssr-blog

  • Bagian belakang: https://github.com/WindSnowLi/vue-admin-blog

2. Proyek blog pribadi sederhana dibagi menjadi tiga bagian:前台,后台, dan api .

3. Backend api didasarkan pada SpringBoot . Terutama mengandalkan mybatis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j , dll. Basis datanya menggunakan MySQL8.0+

4. Gaya utama meja depan berasal dari template BizBlog di Internet. Saya nuxtJs tahu dari mana asalnya.

5. Vue-element-admin yang digunakan di UI latar pada dasarnya digunakan secara langsung. Jika Anda ingin menyesuaikannya sendiri, kekuatan Anda tidak memungkinkan.

6. Contoh: Makanan hijau - Cai Dog

Mulai secara lokal

api: Api yang diminta oleh frontend dan backend menggunakan proyek yang sama

1. git clone https://gitee.com/WindSnowLi/w-blog-api.git atau git clone https://github.com/WindSnowLi/w-blog-api.git untuk mengkloning proyek secara lokal
2. mvn clean install dependency:tree
3. Memodifikasi informasi konfigurasi database di lingkungan pengembangan application-dev.yml knife4j lingkungan produksi application-prod.yml ;
4. Buat database kosong dengan nama yang ditentukan dalam konfigurasi database, pengkodean UTF8
5. mvn clean package -Dmaven.test.skip=true melewatkan pengujian dan menghasilkan paket jar
6. java -jar 生成的包名.jar digunakan untuk menjalankan lingkungan konfigurasi pengembangan. Basis data akan secara otomatis diinisialisasi saat dijalankan pertama kali.
7. Kunjungi http://127.0.0.1:8888/doc.html untuk melihat dokumentasi api
8. Disarankan untuk menggunakan IDEA untuk membuka folder proyek guna menangani dependensi secara otomatis dan memfasilitasi pengoperasian.

meja depan

1. git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git atau git clone https://github.com/WindSnowLi/vue-ssr-blog.git mengkloning proyek ke lokal
2. npm install dependensi instalasi
3. Alamat host di file config/sitemap.xml dapat dimodifikasi untuk menghasilkan peta akses.
4. Nomor port di nuxt.config.js dapat diubah
5. Anda dapat mengubah BASE_URL dalam script di file package.json untuk menentukan alamat api backend.
6. npm run build
7. npm start dijalankan secara lokal

Di belakang panggung

1. git clone https://gitee.com/WindSnowLi/vue-admin-blog.git atau git clone https://github.com/WindSnowLi/vue-admin-blog.git mengkloning proyek ke lokal
2. npm install dependensi instalasi
3. npm run dev menggunakan antarmuka pratinjau data simulasi
4. Ubah alamat VUE_APP_BASE_API di file .env.production ke alamat api backend
5. npm run build:prod kompilasi
6. File yang dikompilasi dalam folder dist dapat ditempatkan di bawah server http (Anda dapat menggunakan npm untuk menginstal http-server ) untuk akses.
7. Akun bawaan: [email protected] , kata sandi: 123456

Tampilan antarmuka

meja depan

Di belakang panggung

Lisensi

MIT

Hak Cipta (c) 2021 WindSnowLi