项目结构概述
整个项目主要分为前端和后端两个部分。
前端(Vue3: 127.0.0.1:5173)
- js、css、图片:基础静态资源。
- src文件夹 :
assets:存放静态文件。components或views:存放插件。router:存放前端的页面路由。stores:存放全局状态(如用户登录信息)。
后端(Django: 127.0.0.1:8000)
- backend:核心后端代码。
- static:开发者文件(前端的js、css、图片会自动添加到此处)。
- media:用户上传的文件。
- web :
url:路由配置。views:业务逻辑。html:模板文件。
流程:接收URL → 调用views函数 → 返回对应的HTML页面。
其他文件
- README.md:项目说明文档,位于根目录,用于介绍项目功能、使用方法等。
- .gitignore:指定Git忽略的文件(如静态文件、数据库、敏感信息等)。
常用命令
Git操作
git status:查看仓库状态(分支、修改文件、同步需求等)。git add .:将所有更改添加到暂存区。git commit -m '提交信息':提交更改到本地仓库。git push:推送更改到云端。git clone <云端路径>:克隆项目到本地。git pull:同步云端最新版本。
前端开发
- 样式 :
padding:内边距(px/py为x/y轴,pl/pr/pt/pb为左/右/上/下)。margin:外边距(mx/my为x/y轴,ml/mr/mt/mb为左/右/上/下)。
- 构建与启动 :
- 生成后端静态文件:
npm run build。 - 启动开发服务器:
npm run dev。
- 生成后端静态文件:
后端启动
- 运行Django服务器:
python .\manage.py runserver。