vsblog

? Baru-baru ini saya mempelajari model pengembangan pemisahan front-end dan back-end, dan menulis proyek kecil ini untuk mengintegrasikan kerangka Springboot dan Vue. Akun: admin , kata sandi: iblog.run .

teknologi

ujung depan

• elemen-ui
• aksio
• vue

bagian belakang

• validator hibernasi
• mybatis plus
• boot musim semi
• mysql
• shiro
• redis
• jwt

Fungsi

• Verifikasi masuk
• Tampilan artikel
• Artikel ditambahkan
• Artikel dihapus
• Modifikasi artikel
• Pencarian artikel
• Arsip artikel
• Efek halaman
• efek klik
• Klasifikasi artikel
• Tautan ramah
• pesan

menyebarkan

Berikut ini adalah proses saya untuk menerapkan vsblog di server jarak jauh Ubuntu18.04 .

1. Instal JDK

 # install jdk
sudo apt install openjdk-8-jdk-headless

# check
java -version

2. Instal MySQL8.0+

 # the installation package as follows you need to download it
# decompress the installation package
sudo dpkg -i mysql-apt-config_0.8.10-1_all.deb

# update installation package
sudo apt update 

# install mysql server
sudo apt install mysql-server 

# run mysql
mysql -u root -p

3. Instal Redis

 # install redis server
sudo apt-get install redis-server

# check redis server status
netstat -nlt | grep 6379

# test
redis-cli

4. Impor database vueblog.sql

 # mysql -u root -p < vueblog.sql
mysql -u root -p < ' the specified path of database file '

5. Jalankan proyeknya

 # kill the specified server port:8080
kill -9 $( netstat -nlp | grep :8080 | awk ' {print $7} ' | awk -F " / " ' { print $1 } ' )

# run
# nohup /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java -jar /tmp/vueblog-0.0.1-SNAPSHOT.jar > vsblog.file 2>&1 &
nuhup -jar vueblog-0.0.1-SNAPSHOT.jar > vsblog.file 2>&1 &

# test
http://ip:8080/

6. Ikat nama domain

 # first you need install the nginx
sudo apt install nginx

# vim /etc/nginx/nginx.conf
# such as the example configuraion be added as follows
http{
	server{
		listen  80 ;
		server_name  vue.iblog.run ; 
		location / {
			proxy_pass  http://ip:8080 ;	
		}            
	}
}
. . .

# then check the default configuration file
nginx -t

# reload the nginx
nginx -s reload

# test
http://vue.iblog.run

Hal-hal yang perlu diperhatikan

Jika Anda perlu menjalankan proyek secara lokal, harap ubah konfigurasi berikut

1. Bagian depan: axios.js

 // 自定义全局请求头(后台)
// axios.defaults.baseURL = "http://49.233.79.152:8080"
axios . defaults . baseURL = "http://localhost:8080"

2. Backend: aplikasi.yml

 redis - manager :
	// host: 49.233.79.152:6379
	host : 127.0 .0 .1 : 6379 

Nomor versi MySQL yang digunakan dalam proyek ini adalah 8.0.11 . Jika versi database Anda lebih rendah dari itu, silakan ubah konfigurasi berikut

1. pom.xml : Memodifikasi versi mysql-connector-java
2. application.yml : Ubah nama kelas driver menjadi com.mysql.jdbc.Driver

Untuk detailnya, silakan merujuk ke postingan blog saya: JDBC-Common Error Analysis

Ucapan Terima Kasih

• VBlog
• MarkerHub