前后端分离项目django+vue

vue+django+mysql前后端分离项目

项目部署

• 项目来源
  https://www.cnblogs.com/zhangxue521/p/12957816.html

后端本地运行

cd /www/wwwroot/book_project
conda activate env-python3.8//进入python虚拟环境
python3 manage.py runserver 0.0.0.0:8006

后端挂在宝塔面板上

pip freeze > requirements.txt\\导出依赖包列表（本地运行）
/www/server/pyporject_evn/book_project_venv/bin/python3 /www/wwwroot/book_project/manage.py  makemigrations
/www/server/pyporject_evn/book_project_venv/bin/python3 /www/wwwroot/book_project/manage.py migrate
//数据库转移，宝塔面板未能自动启动python虚拟环境，手动进入目录操作

• 后端测试

1. 添加数据
   http://116.205.188.119:8006/api/add_book?book_name=张雪test0690
2. 查询数据
   http://116.205.188.119:8006/api/show_books/

前端本地运行

nvm use 18.20.3//进入nodejs18环境
cd /www/wwwroot/book_project/frontVue/vue-admin-template
npm install //安装依赖包
npm run dev//进入目录运行

前端宝塔面板部署

按提示进行

gitee部署项目

vscode准备

• git插件
  
• linux服务器安装git

apt install git

宝塔面板准备

webhook插件

#!/bin/bash
echo ""
#输出当前时间
date --date='0 days ago' "+%Y-%m-%d %H:%M:%S"
echo "开始"
#判断宝塔WebHook参数是否存在
if [ ! -n "$1" ];
then
          echo "param参数错误"
          echo "End"
          exit
fi
#git项目路径
gitPath="/www/wwwroot/book_project"
#git 网址
gitHttp="git@gitee.com:wangllllin/bookproject.git"
 	
echo "Web站点路径：$gitPath"
 
#判断项目路径是否存在
if [ -d "$gitPath" ]; then
        cd $gitPath
        #判断是否存在git目录
        if [ ! -d ".git" ]; then
                echo "在该目录下克隆 git"
                git clone $gitHttp gittemp
                mv gittemp/.git .
				rm -rf gittemp
        fi
        #拉取最新的项目文件
        sudo git reset --hard origin/master
        sudo git pull
        #设置目录权限
        sudo chown -R www:www $gitPath
        echo "End1"
        exit
else
        echo "该项目路径不存在"
        echo "End"
        exit
		
fi

gitee准备

• 对应仓库
  管理→webhooks
  

其他

git剔除杂项文件

.gitignore

.DS_Store
node_modules/
dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json
tests/**/coverage/

# Editor directories and files

.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.json