目录标题
一:前端全局样式和js配置
1.全局样式配置
1.目的:
- 把标签的默认样式同一去掉
2.实现
第一步:在assets文件夹中创建一个css文件夹,在里面写一个global.css的文件,写入以下代码
/* 声明全局样式和项目的初始化样式 */
body, h1, h2, h3, h4, h5, h6, p, table, tr, td, ul, li, a, form, input, select, option, textarea {
margin: 0;
padding: 0;
font-size: 15px;
}
a {
text-decoration: none;
color: #333;
}
ul {
list-style: none;
}
table {
border-collapse: collapse; /* 合并边框 */
}
第二步:在main.js中配置
//5 去掉所有标签默认样式
import '@/assets/css/global.css'
2.全局js配置
第一步:在assets文件夹下创建一个js文件夹,写一个settings.js文件,写入以下文件
export default {
BASE_URL:'http://127.0.0.1:8000/'
}
第二步:在main.js中配置
// 6 全局配置
import settings from "@/assets/js/settings";
Vue.prototype.$settings=settings
二:后台主页模块及接口
1.模块
第一步:先创建一个home的app
第二步:在utils文件夹中,写一个models.py的文件,写入以下代码
from django.db import models
# 编写一个BaseMosel
class BaseModel(models.Model):
created_time = models.DateTimeField(auto_now_add=True, verbose_name='创建时间')
updated_time = models.DateTimeField(auto_now=True, verbose_name='最后更新时间')
is_delete = models.BooleanField