Django——图书管理系统
一、前期准备
1、创建好 Django 项目
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_datadef 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" class="table table-hover table-bordered"><thead><tr><td>序号</td><td>出版社名称</td><td>出版社类型</td><td>出版社成立时间</td><td>出版社地址</td><td>操作</td></tr></thead><tbody>{% for foo in publisher %}<tr><td>{{ foo.id }}</td><td>{{ foo.name }}</td><td>{{ foo.publisher_type }}</td><td>{{ foo.create_time }}</td><td>{{ foo.address }}</td><td><a href="#">修改</a><a href="#">删除</a></td></tr>{% endfor %}</tbody>
</table>
{% endblock %}3、 响应视图
# 出版社列表响应
path('publisher_list/' , views.publisher_list),# 视图
def publisher_list(request):# 响应出版社列表# 从数据库中获取出版社的所有信息publisher = PublishingHouse.objects.all()return render(request , 'publisher_list.html' , locals())4、添加出版社信息操作
实现添加数据的模板页面
{% block main%}<form method="post">{% csrf_token %}<p>出版社名称<input type="text" name="name"></p><p>出版社类型<input type="text" name="publisher_type"></p><p>出版社成立时间<input type="date" name="create_time"></p><p>出版社地址<input type="text" name="address"></p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}# 添加出版社数据
path('add_publisher/' , views.AddPublisher.as_view()),# 视图
class AddPublisher(View):'''添加出版社数据视图'''def get(self , request):return render(request , 'add_publisher.html')def post(self , request):name = request.POST.get('name')publisher_type = request.POST.get('publisher_type')create_time = request.POST.get('create_time')address = request.POST.get('address')# 将数据保存到数据库中PublishingHouse.objects.create(name=name,publisher_type=publisher_type,create_time=create_time,address=address)# 数据保存成功 ， 重定向到列表页return redirect('/publisher_list/')5、修改出版社信息
获取要修改的出版社信息 ， 要知道是哪个出版社信息需要修改
获取要修改的出版社信息 ， 响应到页面中。
重新接收用户修改好的出版社数据保存到数据库中。
实现修改数据模板页
{% block main %}<form method="post">{% csrf_token %}<p>出版社名称<input type="text" name="name" value="{{ edit.name }}"></p><p>出版社类型<input type="text" name="publisher_type" value="{{ edit.publisher_type }}"></p><p>出版社成立时间<input type="date" name="create_time" value="{{ edit.create_time }}"></p><p>出版社地址<input type="text" name="address" value="{{ edit.address }}"></p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}# 路由
# 修改出版社信息
path('edit_publisher/' , views.EditPublisher.as_view()),# 视图
class EditPublisher(View):'''修改出版社信息的视图'''def get(self , request):# 获取用户要修改的出版社信息id = request.GET.get('id')edit = PublishingHouse.objects.get(id=id)return render(request , 'edit_publisher.html' , locals())def post(self , request):id = request.GET.get('id')name = request.POST.get('name')publisher_type = request.POST.get('publisher_type')create_time = request.POST.get('create_time')address = request.POST.get('address')edit_data = PublishingHouse.objects.filter(id=id)edit_data.update(name=name,publisher_type=publisher_type,create_time=create_time,address=address)return redirect('/publisher_list/')6、删除出版社信息
# 路由
# 删除出版社信息
path('del_publisher/' , views.del_publisher),# 视图
def del_publisher(request):# 获取要删除的出版社信息：idid = request.GET.get('id')PublishingHouse.objects.filter(id=id).delete()return redirect('/publisher_list/')五、图书信息
1、图书模型类
class Book(models.Model):'''图书信息模型类'''name = models.CharField(max_length=20)carrier = models.CharField(max_length=10)number_of_words = models.IntegerField()publisher_time = models.DateField()book_image = models.CharField(max_length=20)book_intro = models.CharField(max_length=300)price = models.DecimalField(max_digits=5 , decimal_places=2)inventory = models.IntegerField()publisher = models.ForeignKey(to='PublishingHouse' , on_delete=models.CASCADE)2、图书列表页
{% block main %}<table border="1" class="table table-hover table-bordered"><thead><tr><td>序号</td><td>图书名称</td><td>图书价格</td><td>库存</td><td>查询详情</td><td>操作</td></tr></thead><tbody>{% for foo in book %}<tr><td>{{ foo.id }}</td><td>{{ foo.name }}</td><td>{{ foo.price }}</td><td>{{ foo.inventory }}</td><td><a href="/check_book/?id={{ foo.id }}">查看</a></td><td><a href="#">修改</a><a href="#">删除</a></td></tr>{% endfor %}</tbody></table>
{% endblock main %}# 查看图书列表页
path('book_list/' , views.book_list),def book_list(request):book = Book.objects.all()return render(request , 'book_list.html' , locals())3、添加图书数据
{% block main%}<form method="post" enctype="multipart/form-data">{% csrf_token %}<p>图书名称<input type="text" name="name"></p><p>图书载体<input type="text" name="carrier"></p><p>图书字数<input type="text" name="number"></p><p>图书发表时间<input type="date" name="time"></p><p>图书图片<input type="file" name="book_image"></p><p>图书简介<textarea rows="10" cols="20" name="book_intro"></textarea></p><p>图书价格<input type="text" name="price"></p><p>图书库存<input type="text" name="inventory"></p><p>出版社<select multiple name="publisher_id">{% for foo in publisher %}<option value="{{ foo.id }}">{{ foo.name }}</option>{% endfor %}</select></p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}# 添加图书信息
path('add_book/' , views.AddBook.as_view()),class AddBook(View):'''添加图书信息'''def get(self , request):# 获取出版社数据publisher = PublishingHouse.objects.all()return render(request , 'add_book.html' , locals())def post(self , request):name = request.POST.get('name')carrier = request.POST.get('carrier')number = request.POST.get('number')time = request.POST.get('time')book_image = request.FILES.get('book_image')book_intro = request.POST.get('book_intro')price = request.POST.get('price')inventory = request.POST.get('inventory')publisher_id = request.POST.get('publisher_id')# 在项目的静态文件夹中 ， 创建一个文件夹保存图书的图片if book_image:# 获取文件名book_image_name = book_image.name# 将图片保存到指定位置image_dir = os.path.join(STATICFILES_DIRS[0] , 'book_image' , book_image_name)with open(image_dir , 'wb') as f:for i in book_image:f.write(i)else:book_image = '暂无.jpg'if not book_intro:book_intro = '暂无作品介绍，正在整理中……'Book.objects.create(name=name,carrier=carrier,number_of_words=number,publisher_time=time,book_image=book_image,book_intro=book_intro,price=price,inventory=inventory,publisher_id=publisher_id)return redirect('/book_list/')4、查看图书详情
{% block main %}<h1>图书名称：{{ book.name }}</h1><h2>图书作者：</h2><table border="1" class="table table-hover table-bordered"><tr><th>图书简介</th><td>{{ book.book_intro }}</td><th>图书图片</th><td><img src="/static/book_image/{{ book.book_image }}"></td></tr><tr><th>文学载体</th><td>{{ book.carrier }}</td><th>图书字数</th><td>{{ book.number_of_words }}</td></tr><tr><th>发表时间</th><td>{{ book.publisher_time }}</td><th>图书出版社</th><td>{{ book.publisher.name }}</td></tr></table>
{% endblock main %}# 查看图书详情
path('check_book/' , views.book_particulars),def book_particulars(request):id = request.GET.get('id')book = Book.objects.get(id=id)return render(request , 'book_particulars.html' , locals())5、删除图书信息
def del_book(request):id = request.GET.get('id')Book.objects.filter(id=id).delete()return redirect('/book_list/')6、修改图书信息
class EditBook(View):def get(self , request):id = request.GET.get('id')book = Book.objects.get(id=id)publisher = PublishingHouse.objects.all()return render(request , 'edit_book.html' , locals())def post(self , request):id = request.GET.get('id')name = request.POST.get('name')carrier = request.POST.get('carrier')number = request.POST.get('number')time = request.POST.get('time')book_image = request.FILES.get('book_image')book_intro = request.POST.get('book_intro')price = request.POST.get('price')inventory = request.POST.get('inventory')publisher_id = request.POST.get('publisher_id')# 在项目的静态文件夹中 ， 创建一个文件夹保存图书的图片if book_image:# 获取文件名book_image_name = book_image.name# 将图片保存到指定位置image_dir = os.path.join(STATICFILES_DIRS[0], 'book_image', book_image_name)with open(image_dir, 'wb') as f:for i in book_image:f.write(i)else:book_image = '暂无.jpg'if not book_intro:book_intro = '暂无作品介绍，正在整理中……'edit_data = Book.objects.filter(id=id)edit_data.update(name=name,carrier=carrier,number_of_words=number,publisher_time=time,book_image=book_image,book_intro=book_intro,price=price,inventory=inventory,publisher_id=publisher_id)return redirect('/book_list/'){% block main%}<form method="post" enctype="multipart/form-data">{% csrf_token %}<p>图书名称<input type="text" name="name" value="{{ book.name }}"></p><p>图书载体<input type="text" name="carrier" value="{{ book.carrier }}"></p><p>图书字数<input type="text" name="number" value="{{ book.number_of_words }}"></p><p>图书发表时间<input type="date" name="time" value="{{ book.publisher_time }}"></p><p>图书图片<input type="file" name="book_image"></p><p>图书简介<textarea rows="10" cols="20" name="book_intro">{{ book.book_intro }}</textarea></p><p>图书价格<input type="text" name="price" value="{{ book.price }}"></p><p>图书库存<input type="text" name="inventory" value="{{ book.inventory }}"></p><p>出版社<select multiple name="publisher_id">{% for foo in publisher %}<option value="{{ foo.id }}">{{ foo.name }}</option>{% endfor %}</select></p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}六、作者信息
1、作者模型类
class Author(models.Model):'''作者信息'''# 作者姓名name = models.CharField(max_length=15)# 作者照片author_picture_name = models.CharField(max_length=20)# 作者简介author_intro = models.CharField(max_length=150)# 作者图书book = models.ManyToManyField(to='Book')2、作者列表页响应
{% block main %}<table border="1" class="table table-hover table-bordered"><thead><tr><td>序号</td><td>作者名称</td><td>作者详情</td><td>操作</td></tr></thead><tbody>{% for foo in author %}<tr><td>{{ foo.id }}</td><td>{{ foo.name }}</td><td><a href="/check_author/?id={{ foo.id }}">查看</a></td><td><a href="/edit_author/?id={{ foo.id }}">修改</a><a href="/del_author/?id={{ foo.id }}">删除</a></td></tr>{% endfor %}</tbody></table>
{% endblock main %}def author_list(request):author = Author.objects.all()return render(request , 'author_list.html' , locals())3、添加作者信息
{% block main%}<form method="post" enctype="multipart/form-data">{% csrf_token %}<p>作者名称<input type="text" name="name"></p><p>作者图片<input type="file" name="author_image"></p><p>作者简介<textarea rows="10" cols="20" name="author_intro"></textarea></p><p>作者作品{% for foo in book %}<input type="checkbox" value="{{ foo.id }}" name="books">{{ foo.name }}{% endfor %}</p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}class AddAuthor(View):def get(self , request):book = Book.objects.all()return render(request , 'add_author.html' , locals())def post(self , request):name = request.POST.get('name')author_intro = request.POST.get('author_intro')author_image = request.FILES.get('author_image')# 前端中的多选框 ， 接受的是一个列表类型的数据# getlist 的方式接受books = request.POST.getlist('books')# 在项目的静态文件夹中 ， 创建一个文件夹保存图书的图片if author_image:# 获取文件名author_image_name = author_image.name# 将图片保存到指定位置image_dir = os.path.join(STATICFILES_DIRS[0], 'author_image', author_image_name)with open(image_dir, 'wb') as f:for i in author_image:f.write(i)else:author_image = '暂无.jpg'if not author_intro:author_intro = '暂无作者介绍，正在整理中……'author = Author.objects.create(name=name,author_picture_name=author_image,author_intro=author_intro)author.book.set(books)return redirect('/author_list/')4、查看作者详情数据
def check_author(request):id = request.GET.get('id')author = Author.objects.get(id=id)book = Book.objects.filter(author__id=id)return render(request , 'check_author.html' , locals()){% block main %}<h1>作者：{{ author.name }}</h1><table border="1" class="table table-hover table-bordered"><tr><th>作者简介</th><td>{{ author.author_intro }}</td><th>作者图片</th><td><img src="/static/author_image/{{ author.author_picture_name }}"></td></tr></table><table border="1" class="table table-hover table-bordered"><thead><tr><td>作品</td></tr></thead><tbody><tr>{% for foo in book %}<td>{{ foo.name }}</td>{% endfor %}</tr></tbody></table>
{% endblock main %}5、修改作者信息
{% block main%}<form method="post" enctype="multipart/form-data">{% csrf_token %}<p>作者名称<input type="text" name="name" value="{{ author.name }}"></p><p>作者图片<input type="file" name="author_image"></p><p>作者简介<textarea rows="10" cols="20" name="author_intro">{{ author.author_intro }}</textarea></p><p>作者作品{% for foo in book %}<input type="checkbox" value="{{ foo.id }}" name="books">{{ foo.name }}{% endfor %}</p><p><button type="submit" class="btn">提交</button></p></form>
{% endblock main %}class EditAuthor(View):def get(self , request):id = request.GET.get('id')author = Author.objects.get(id=id)book = Book.objects.all()return render(request , 'edit_author.html' , locals())def post(self , request):id = request.GET.get('id')name = request.POST.get('name')author_intro = request.POST.get('author_intro')author_image = request.FILES.get('author_image')# 前端中的多选框 ， 接受的是一个列表类型的数据# getlist 的方式接受books = request.POST.getlist('books')# 在项目的静态文件夹中 ， 创建一个文件夹保存图书的图片if author_image:# 获取文件名author_image_name = author_image.name# 将图片保存到指定位置image_dir = os.path.join(STATICFILES_DIRS[0], 'author_image', author_image_name)with open(image_dir, 'wb') as f:for i in author_image:f.write(i)else:author_image = '暂无.jpg'if not author_intro:author_intro = '暂无作者介绍，正在整理中……'edit_data = Author.objects.get(id=id)edit_data.name = nameedit_data.author_intro = author_introedit_data.author_picture_name = author_imageedit_data.book.set(books)edit_data.save()return redirect('/author_list/')6、删除作者
def del_author(request):id = request.GET.get('id')Author.objects.filter(id=id).delete()return redirect('/author_list/')
