Django——图书管理系统
一、前期准备
1、创建好 Django 项目
2、准备好数据库 —— 创建数据库：book_system
3、配置项目中的数据库引擎
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql',
'NAME': 'book_system',
'HOST': '127.0.0.1',
'USER': 'root',
'PASSWORD': 'root'
}
}
4、配置静态文件的搜索路径 ， 以及在项目的根目录中创建一个 static 存放静态文件数据文件夹
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
5、导入 html 模板文件和静态文件数据。
二、用户注册
1、响应用户注册页面的视图
# 路由
# 用户注册视图路由
path('register/' , views.RegisterView.as_view()),
# 响应视图
class RegisterView(View):
'''
用户注册页面视图
'''
def get(self , request):
# 响应注册页面
return render(request , 'register.html')
2、定义用户数据模型类 ， 保存用户注册的个人数据信息
class User(models.Model):
'''
保存用户注册数据
'''
username = models.CharField(max_length=20)
password = models.IntegerField()
email = models.EmailField()
3、设置后端对用户注册数据进行验证 ， 在对应的应用下创建一个 forms 的模块 ， 实现数据验证
class RegisterForm(forms.Form):
'''
验证用户注册数据
'''
username = forms.CharField(min_length=3 , max_length=15,
error_messages={
'min_length':'用户名长度不足',
'max_length':'用户名长度超出',
'required':'用户名不允许为空',
})
password = forms.CharField(min_length=6 , max_length=15,
error_messages={
'min_length':'密码长度不足',
'max_length':'密码长度超出',
'required':'密码不允许为空',
})
resetpw = forms.CharField(min_length=6 , max_length=15,
error_messages={
'min_length':'密码长度不足',
'max_length':'密码长度超出',
'required':'密码不允许为空',
})
email = forms.EmailField(error_messages={'invalid':'邮箱格式不正确',
'required':'邮箱不允许为空'})
def clean(self):
pwd1 = self.cleaned_data.get('password')
pwd2 = self.cleaned_data.get('resetpw')
if pwd1 != pwd2:
self.add_error('resetpw' , '两次密码输入不一致')
return self.cleaned_data
def clean_username(self):
name = self.cleaned_data.get('username')
if not re.match(r'^[a-zA-Z0-9_]{3,15}$' , name):
self.add_error('username' , '用户名格式不正确')
return name
4、在注册视图中接收用户注册传递的数据 ， 进行数据验证
class RegisterView(View):
'''
用户注册页面视图
'''
def get(self , request):
# 响应注册页面
return render(request , 'register.html')
def post(self , request):
# 接收用户注册输入的数据
# 传递给 forms 组件进行数据验证
register_form = RegisterForm(request.POST)
# 判断 forms 组件是否返回异常信息
if register_form.is_valid():
# 说明数据合法 没有异常 ， 将用户数据保存到数据库中
# 用户数据要从 forms 组件中取
username = register_form.cleaned_data.get('username')
password = register_form.cleaned_data.get('password')
email = register_form.cleaned_data.get('email')
return HttpResponse('用户数据正常')
else:
# 用户数据不合法 ， 将异常信息返回到前端页面中
return render(request , 'register.html' , locals())
当用户数据异常不合法的情况下 ，后端将异常请求返回到前端 。在 html 页面中获取后端的异常数据信息
<div class="form-group">
<i class="fa fa-user" aria-hidden="true"></i>
用户名:<input class="form-control required" type="text" name="username" id="username" placeholder="请输入用户名" required>
<span style="color:red;">{{ register_form.username.errors.0 }}</span>
</div>
5、实现图片验证码 ， 进行验证用户输入的验证码 ，验证码正确数据保存到数据库中，注册成功；否则用户注册失败。
实现图片验证码的代码，直接使用之前写的。
在当前应用下创建包 —— ImageCode
实现验证码的视图
# 路由
# 图片验证码
path('image_code/' , views.CodeImg),
# 视图
def CodeImg(request):
# 响应图片验证码视图
# 获取图片验证码以及验证码数据
image , text = create_img()
# session 会话
# 将验证码数据保存到 session 会话中 , 以键值对的方式保存
request.session['code'] = text
# 将图片响应到出现
return HttpResponse(image , content_type='image/png')
在注册是模板中添加验证码的文本框
<div class="form-group">
<i class="fa fa-envelope" aria-hidden="true"></i>
验证码:<input class="form-control required" type="text" name="img_code" id="img_code" placeholder="请输入验证码">
<img src="/image_code/">
</div>
6、前端数据校验 ， 使用 vue 的框架进行数据校验
在标签中绑定数据信息 ，以及对文本框绑定对应的方法
<div class="form-group">
<i class="fa fa-user" aria-hidden="true"></i>
用户名:<input class="form-control required" type="text" name="username" id="username" placeholder="请输入用户名"
required v-model="username" @blur="check_name">
<span style="color:red;">{{ register_form.username.errors.0 }}</span>
</div>
校验用户名是否重复的视图
# 路由
# 检验用户名是否重复
re_path('count/(?P<username>[a-zA-Z0-9_ ]{3,15})/' , views.username_count),
# 视图
def username_count(request , username):
# 从数据库获取用户数据
count = User.objects.filter(username=username).count()
return JsonResponse({'code':200 , 'errmsg':"OK" , 'count':count})
在静态文件中创建 register.js 文件
let vm = new Vue({
el:'#app',
delimiters: ['[[' , ']]'],
data:{
username:'',
password:'',
resetpw:'',
image_code_url:'',
error_name:false,
error_password:false,
error_resetpw:false,
error_name_message:'',
},
// 这个方法在 html 页面执行的时候 ， 会被自动调用
mounted(){
this.image_code();
},
methods:{
// 生成图片验证码
image_code(){
// 短时间内路由一致的情况下，会无法响应成功
// 添加时间参数，保证在短时间内请求的路由不一致
this.image_code_url = '/image_code/?'+ new Date().getTime()
},
// 验证用户名
check_name(){
// 定义用户名的规则范围
let re = /^[a-zA-Z0-9_]{3,15}$/;
// 判断用户名是否满足定义的规则
if(re.test(this.username)){
// 用户名合法
this.error_name = false;
} else {
// 用户名不合法
this.error_name = true;
this.error_name_message = '用户名不合法';
}
// 判断用户名是否重复
// 前提保证用户名合法
if(this.error_name == false){
// 发送 ajax 请求
axios.get(
'/count/'+this.username+'/',
{responseType:'json'}
)
// 请求成功
.then(response => {
if(response.data.count > 0){
// 用户已存在
this.error_name = true;
this.error_name_message = '用户名已存在';
} else {
this.error_name = false;
}
})
// 请求失败
.catch(error => {
console.log(error.response)
})
}
},
// 校验密码
check_password(){
let re = /^[a-zA-Z0-9_]{6,15}$/;
if(re.test(this.password)){
// 密码字符合法
this.error_password = false;
} else {
// 密码字符不合法
this.error_password = true;
}
},
// 校验两次密码是否一致
check_resetpw(){
if(this.password == this.resetpw){
this.error_resetpw = false;
} else {
this.error_resetpw = true;
}
},
// 表单是否允许提交的方法
on_submit(){
// 调用所有绑定的方法
this.check_name();
this.check_password();
this.check_resetpw();
// 判断 error 对应的值是否为 true ， 如果其中有一个为 true 则不允许提交
if(this.error_name == true || this.error_password == true || this.error_resetpw == true){
// 数据问题 ， 禁止表单提交
window.event.returnValue = false;
}
}
}
})
修改 图片验证码的 html 标签
<div class="form-group">
<i class="fa fa-envelope" aria-hidden="true"></i>
验证码:<input class="form-control required" type="img_code" name="img_code" id="img_code" placeholder="请输入验证码">
<img v-bind:src="image_code_url" class="img_code" @click="image_code">
</div>
7、在注册视图中 ， 实现图片验证码的校验 ， 验证码校验正确，用户数据保存到数据库中，用户注册成功；否则注册失败。
class RegisterView(View):
'''
用户注册页面视图
'''
def get(self , request):
# 响应注册页面
return render(request , 'register.html')
def post(self , request):
# 接收用户注册输入的数据
# 传递给 forms 组件进行数据验证
register_form = RegisterForm(request.POST)
# 判断 forms 组件是否返回异常信息
if register_form.is_valid():
# 说明数据合法 没有异常 ， 将用户数据保存到数据库中
# 用户数据要从 forms 组件中取
username = register_form.cleaned_data.get('username')
password = register_form.cleaned_data.get('password')
email = register_form.cleaned_data.get('email')
# 校验验证码 ， 获取用户数输入的验证码
img_code = request.POST.get('img_code')
# 从 session 会话中获取保存的验证码
code = request.session['code']
if img_code == code:
# 验证码正确 ， 将用户拒数据保存到数据库中，用户注册成功
User.objects.create(username=username , password=password , email=email)
# 注册成功重定向首页
return redirect('/index/')
else:
# 验证码错误
return render(request , 'register.html' , {'code_error':'验证码错误'})
else:
# 用户数据不合法 ， 将异常信息返回到前端页面中
return render(request , 'register.html' , locals())
8、实现首页
# 网站首页
path('index/' , views.index),
def index(request):
# 响应首页
return render(request , 'index.html')
三、用户登录
响应登录页面数据 ， 接收用户登录的数据。
# 用户登录
path('login/' , views.LoginView.as_view()),
class LoginView(View):
'''
用户登录视图
'''
def get(self , request):
return render(request , 'login.html')
def post(self , request):
# 校验用户输入的数据
login_form = LoginForm(request.POST)
if login_form.is_valid():
username = login_form.cleaned_data.get('username')
password = login_form.cleaned_data.get('password')
# 到数据库中进行查询用户数据是否存在
user = User.objects.filter(username=username , password=password)
if user:
# 用户登录成功
return redirect('/index/')
else:
return render(request, 'login.html', {'errormsg': '账号或者密码错误'})
else:
return render(request , 'login.html' , {'errormsg':'账号或者密码错误'})
四、出版社信息
1、 定义出版社模型类
class PublishingHouse(models.Model):
'''
出版社信息模型类
'''
# 出版社名称
name = models.CharField(max_length=20)
# 出版社类型
publisher_type = models.CharField(max_length=15)
# 出版社成立时间
create_time = models.DateField()
# 出版社位置
address = models.CharField(max_length=30)
2、设置出版社模板页面
{% block main%}
<table border="1"相关文章
- Django项目之图书管理系统
- 102-Django开发学校教务管理系统源码+ER图
- CODING 敏捷实战系列课第二讲：Scrum 敏捷项目管理核心要素之 3355
- 从零开始搭建django前后端分离项目 系列五（实战之excel流式导出）
- javaWeb项目-智慧餐厅点餐管理系统功能介绍
- Springboot+Vue项目-基于Java+MySQL的图书馆管理系统(附源码+演示视频+LW)
- 基于springboot实现车辆管理系统设计项目【项目源码+论文说明】计算机毕业设计-研究目的
- 基于Springboot的社区待就业人员信息管理系统（有报告）。Javaee项目，springboot项目。
- 基于springboot实现中小型医院网站管理系统【项目源码+论文说明】-系统结构设计
- 微信小程序项目和后台管理系统总结