项目实战（一）HTML5+CSS3+JS+django+mysql疫情人员信息收集系统

最新推荐文章于 2024-01-02 08:28:30 发布
最新推荐文章于 2024-01-02 08:28:30 发布
阅读量1.7k 收藏 40
点赞数 4
分类专栏： 前端+后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46244909/article/details/115981513
版权

页面展示:在这里插入图片描述
后台展示:
在这里插入图片描述
在这里插入图片描述

前端代码:
index.htm

<!DOCTYPE html>
<html>
<head>
	<title>疫情人员登记系统</title>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		table{
			width: 533px;
			height: auto;
			margin: auto;
			
		}
		.input{
			height:60px;
			width: 533px;
			font-size: 20px;
			margin: auto; 

		}
	</style>
</head>
<body>
	<article>
		<form method="post" >
			{% csrf_token %}
			<table border = "1">
				<tr>
					<td colspan="2">
						<img src="../static/img/1.jpg">
					</td>
				</tr>
				<tr>
					<td colspan="2">请认真填写一下表格,该表格将成为您通行的重要凭证.确保该表格的准确性!</td>
				</tr>
				<tr>
					<td colspan="2" style="color: red;">{{ info }}</td>
				</tr>
				<tr>
					<td>您的姓名:</td>
					<td>
						<input type="text" name="username">
					</td>
				</tr>
				<tr>
					<td>您的年龄:</td>
					<td>
						<input type="number" name="userold" max="100" min="1">
					</td>
				</tr>
				<tr>
					<td>您的手机号:</td>
					<td>
						<input type="tel" name="userphone">
					</td>
				</tr>
				<tr>
					<td>您的身份证号:</td>
					<td>
						<input type="text" name="usernamber">
					</td>
				</tr>
				<tr>
					<td>今日体温:</td>
					<td>
						<input type="number" name="userc" max="40" min="35">
					</td>
				</tr>
				<tr>
					<td>常居住地:</td>
					<td>
						<input type="text" name="useraddress">
					</td>
				</tr>
				<tr>
					<td>是否返乡人员:</td>
					<td>
						<label><input type="radio" name="userpeople" value="是">是</label>
						<label><input type="radio" name="userpeople" value="否">否</label>
					</td>
				</tr>
				<tr>
					<td>近期15天是否居住本地:</td>
					<td>
						<label><input type="radio" name="useraddpeo" value="是">是</label>
						<label><input type="radio" name="useraddpeo" value="否">否</label>
					</td>
				</tr>
				<tr>
					<td>近期15天是否途径高风险地区:</td>
					<td>
						<label><input type="radio" name="userwind" value="是">是</label>
						<label><input type="radio" name="userwind" value="否">否</label>
					</td>
				</tr>
				<tr>
					<td colspan="2" rowspan="2">
						<input class="input" type="submit" value="提交" >
					</td>
				</tr>
			</table>
		</form>
	</article>
</body>
</html>

success.html

<!DOCTYPE html>
<html>
<head>
	<title>{{ title }}</title>
</head>
<style type="text/css">
</style>
<body>
	<p>{{ info1 }}</p>
</body>
</html>

模型:

from django.db import models

# Create your models here.

class People(models.Model):
	username = models.CharField(max_length = 500,verbose_name = '登记人员姓名')
	userold = models.IntegerField(verbose_name = '登记人员年龄')
	userphone = models.CharField(max_length = 500,verbose_name = '登记人员手机号')
	usernamber = models.CharField(max_length = 500,verbose_name = '登记人员身份证号')
	userc = models.IntegerField(verbose_name = '登记人员体温')
	useraddress = models.CharField(max_length = 200, verbose_name = '登记人员常住地')
	userpeople = models.CharField(max_length = 10, verbose_name = '登记人是否返乡人员')
	useraddpeo = models.CharField(max_length = 10,verbose_name = '近期15天是否居住本地')
	userwind = models.CharField(max_length = 10, verbose_name = '近期15天是否途经高风险地区')


	class Meta:
		db_table = "登记人员信息表"
		verbose_name = "登记人员详细信息"
		verbose_name_plural = verbose_name


		def __str__(self):
			return self.username
			return self.userold
			return self.userphone
			return self.usernamber
			return self.userc
			return self.useraddress
			return self.userpeople
			return self.useraddpeo
			return self.userwind

class dubious(models.Model):
	username = models.CharField(max_length = 500,verbose_name = '登记人员姓名')
	userold = models.IntegerField(verbose_name = '登记人员年龄')
	userphone = models.CharField(max_length = 500,verbose_name = '登记人员手机号')
	usernamber = models.CharField(max_length = 500,verbose_name = '登记人员身份证号')
	userc = models.IntegerField(verbose_name = '登记人员体温')
	useraddress = models.CharField(max_length = 200, verbose_name = '登记人员常住地')
	userpeople = models.CharField(max_length = 10, verbose_name = '登记人是否返乡人员')
	useraddpeo = models.CharField(max_length = 10,verbose_name = '近期15天是否居住本地')
	userwind = models.CharField(max_length = 10, verbose_name = '近期15天是否途经高风险地区')


	class Meta:
		db_table = "可疑人员信息表"
		verbose_name = "可疑人员详细信息"
		verbose_name_plural = verbose_name


		def __str__(self):
			return self.username
			return self.userold
			return self.userphone
			return self.usernamber
			return self.userc
			return self.useraddress
			return self.userpeople
			return self.useraddpeo
			return self.userwind
花小猪
关注
  • 4
    点赞
  • 踩
  • 40
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
基于Django+HTML5+MySQL做的家政管理系统源码.zip
05-08
Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MySQL Django家政管理系统，版本号：Python3.6 + Django2.2 + 后台simpleUI，数据库：MyS
html+css+js+echarts疫情可视化（折线图）
02-29
疫情期间的确诊人数、死亡人数、至于人数等数据可视化（折线图） 创建静态html项目后，解压包，导入其中两个文件后，用服务器启动html文件即可。
HTML5+CSS3 一个收集信息表单样例
qq_55786319的博客
09-23 795
以下是一个收集信息的表单样例 <!doctype html> <html> <head> <meta charset="utf-8"> <title> 注册页面 </title> <style type="text/css"> table {width:450px; border:1px solid red; background-color: #FFCB29; bord
jsp录入信息到mysql_【Little_things】jsp＋MySql简单的数据录入功能
weixin_35498756的博客
02-05 442
这学期开设了JSP Web技术课程，上机的时候有一个简单的签到系统，用的就是JSP+数据库。其原理就是事先在数据库中加入了本班所有同学的学号和姓名,然后根据输入的学号和机号更新学号所在行的数据。由于班级人太多我就没录入数据，只做了根据学号和机号将数据插入到数据库的功能。首先装MySql,期间会要求输入两次ｒｏｏｔ用户的密码sudo apt-get install mysql-server进入MyS...
基于Python+Html+Django+MySQL的数据库测试管理与构建平台 论文文档+毕业答辩PPT+项目源码及数据库文件
毕业作品网站
06-25 533
本系统是利用Python等服务技术设计和实现了一个可以让测试人员轻松设计、管理和构建测试数据的工作平台，测试数据管理与构建平台是一个利用在线服务支持测试数据设计、构建并触发测试驱动的系统，主要功能有测试数据用例编辑、测试用例编辑、测试数据构建、测试任务执行、测试任务监控、测试结果发布等、是将测试工程师从手工做数据或选数据中解脱出来的一次尝试，它的特点在于针对不同数据库类型进行定制处理，在测试用例场景前后增加对数据场景的管理，致力于对测试数据环境的高效利用。（二）、系统的可行性 5。（二）、国内外现状 1。
大学生毕业设计项目实训 基于Vue开发的2020年新冠肺炎疫情期间学校体温上报登记系统(手机移动端网站).zip
01-11
大学生毕业设计项目实训 基于Vue开发的2020年新冠肺炎疫情期间学校体温上报登记系统(网站).zip 所用技术: Vue2 MUI 延迟加载,动态加载数据: 下拉加载,上拉刷新 accordion手风琴 展开,收缩 三级联动选择控件: 年 月 日 三级联动选择控件: 省 市 区县
Python版医院挂号系统，基于Django+MySQL+Redis，支持支付宝扫码付款。
06-27
Python版医院挂号系统，基于Django+MySQL+Redis，支持支付宝扫码付款。运行程序前请先申请支付宝API及支付宝公钥和私钥，可登录支付宝开放平台申请。 患者：登录、注册、挂号（选择科室、选择医生、选择时间、填写...
基于Python入侵检测IDS系统1.0框架 html + css + jquery + python 3.9+django
最新发布
05-19
框架 html + css + jquery + python 3.9 + django+ scapy 抓包工具 winshark,etherDetect,sniffer python manage.py runserver 0.0.0.0:8000 用户类型 管理员 admin 123456 模块介绍 登录模型 数据上传 (上传抓包...
基于PythonDjango校园社交网络系统设计框架html +css+js+jquery+ python+django
02-28
框架html + css + js + jquery+ python + django + mysql 用户类型 管理员 admin 123456 普通用户 qqq 123456 模块介绍 管理员 登录模块 系统首页 校园资讯 （发布编辑删除咨询） 用户管理 退出系统 普通...
基于PythonDjango校园社交网络系统设计框架html + css + js + jquery+python+django
02-28
框架html + css + js + jquery+ python + django + mysql 用户类型 管理员 admin 123456 普通用户 qqq 123456 模块介绍 管理员 登录模块 系统首页 校园资讯 （发布编辑删除咨询） 用户管理 退出系统 普通...
【计算机毕设文章】企业人事管理系统
写代码的人的博客
01-02 597
还有就是代码过于繁琐，很多逻辑代码和类都是重复的，然后通过对这方面的学习和请教老师，进行了整改，同样的逻辑的代码和类可以之间在不同的模块中进行直接调用，这样就很好的提高了代码的使用率，更加的高效。随着网络的快速发展，这类管理系统的缺点也逐渐暴露出来，由于采用C/s模式就必须要求固定的客户端，这就需要足够严格的客户端条件，一旦客户端出现问题，系统里的数据都会出现问题，稳定性差，而且C/s模式的系统最大的问题是不能多次修改，如果系统经过了多次的补充、修改就会造成运行出错，为系统的使用造成不便。
【006】基于vue.js+ springboot+mysql 的学生管理系统（含源码、数据库、数据库文档、运行教程）
lllbn的博客
05-27 1735
文章目录一.运行结果截图二.源码获取方式：三.保姆级操作教程: 一.运行结果截图 （详细操作过程见文末，保姆级） 我的运行环境：Jdk1.8 +VSCODE+Mysql(版本建议5.2及以上)+IntelliJ IDEA maven、vue-cli等就不说了，得先配置好 学生管理系统操作界面效果展示： 登录界面： 个人欢迎界面： 学生信息管理： 新增学生 根据姓名模糊查找： 精确查找： 新增老师： 新增成功： 课程信息管理 修改课程信息： 删除课程信息： 成绩信息统计： 二.源码获取方
kspider网络信息资源采集系统
weixin_34194551的博客
05-22 507
KSpider网络信息资源采集系统清华同方KSpider网络信息资源采集系统是一套功能强大的网络信息资源开发利用与整合系统，可用于定制跟踪和监控互联网实时信息，建立可再利用的信息服务系统。KSpider能够从各种网络信息源，包括网页、BLOG、论坛等采集用户感兴趣的特定信息，经自动分类处理后,以多种形式提供给最终用户使用。KSpider能够快速及时地捕获用户所需的热点新闻、市...
基于JavaScript和MySQL实现的酒店管理系统
01-26 1567
基于JavaScript和MySQL实现的酒店管理系统
HTML5制作信息登记表
热门推荐
码云仓库地址：https://gitee.com/lance-gyq
12-04 1万+
# 制作信息登记表# 样式需求分析: 一、 通过最外层的大盒子对页面进行整体控制，设置宽高、背景图片及相对定位。 二、 通过标记对表单进行整体控制，对其设置宽高、边距、边框样式及绝对定位。 三、 通过标记控制标题的文本样式，对其设置对齐、外边距样式。 四、 通过标记控制每一行的学员信息模块，对其设置外边距样式。 五、 通过标记控制提示信息，将其转为行内块元素，对其设置宽度、又内边距及右对齐。 六、 通过标记控制输入框的宽高、内边距和边宽样式。 成品样式主要代码： 效果图： 这...
学生信息管理系统【JDBC+JS+MYSQL+HTML+JSP+Servlet】（一）
swy2560666141的博客
01-13 1377
第一次发综合项目，无论是前端还是后端，都应用到了，项目写的很完整，我将分为四篇文章把项目代码写完，多多支持一：项目背景学生成绩管理系统是基于互联网的信息管理平台，主要提供成绩录入和查询功能，学生通过系统可查询与自己相关的成绩信息，教师通过系统可查询学生的基本信息和成绩信息。系统管理员除上述功能外，还可以对学生和教师的信息进行添加、删除、修改、查询，以及数据库的备份和还原等相关操作。该系统在技术、工具、经济和操作方面都是可行的。二：项目的三大功能。
HTML+JavaScript+Servlet+MySQL实现一个简单的学生信息管理系统
编程小鹏的博客
12-25 3323
话不多说，先上效果图。2、学生信息管理界面。3、课程信息管理界面。4、成绩信息管理界面。
Java项目:社区居民户籍管理系统(java+SSM+jsp+JS+HTML+mysql)
常年被追砍的博客
06-04 578
管理员角色包含以下功能： 管理员登录,居民信息管理,居民数据统计,居民政策管理,居民措施匹配,居民数据管理,管理员管理等功能。居民角色包含以下功能： 居民登录,基本信息查看等功能。1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA; 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS； 5.
用python 写一个图书管理系统 html+css+js django
06-08
好的，以下是一个简单的图书管理系统的 Django 代码示例： 首先，在终端中创建一个 Django 项目： ``` django-admin startproject myproject ``` 然后，创建一个名为 `myapp` 的应用程序： ``` cd myproject python manage.py startapp myapp ``` 接下来，我们需要安装一些第三方库，包括： - Bootstrap：用于构建网页样式； - jQuery：用于处理网页交互； - django-crispy-forms：用于创建美观的表单。 可以通过以下命令安装这些库： ``` pip install django-bootstrap4 jquery django-crispy-forms ``` 接下来，在 `myapp/models.py` 文件中定义一个 `Book` 模型： ```python from django.db import models class Book(models.Model): title = models.CharField(max_length=200) author = models.CharField(max_length=200) description = models.TextField(blank=True) published_date = models.DateField(blank=True, null=True) def __str__(self): return self.title ``` 在 `myapp/forms.py` 文件中创建一个 `BookForm` 表单： ```python from django import forms from .models import Book class BookForm(forms.ModelForm): class Meta: model = Book fields = ['title', 'author', 'description', 'published_date'] ``` 在 `myapp/views.py` 文件中创建视图函数和路由： ```python from django.shortcuts import render, redirect from .models import Book from .forms import BookForm def book_list(request): books = Book.objects.all() return render(request, 'book_list.html', {'books': books}) def book_create(request): if request.method == 'POST': form = BookForm(request.POST) if form.is_valid(): form.save() return redirect('book_list') else: form = BookForm() return render(request, 'book_form.html', {'form': form}) def book_update(request, pk): book = Book.objects.get(pk=pk) if request.method == 'POST': form = BookForm(request.POST, instance=book) if form.is_valid(): form.save() return redirect('book_list') else: form = BookForm(instance=book) return render(request, 'book_form.html', {'form': form}) def book_delete(request, pk): book = Book.objects.get(pk=pk) book.delete() return redirect('book_list') urlpatterns = [ path('', book_list, name='book_list'), path('new/', book_create, name='book_create'), path('<int:pk>/edit/', book_update, name='book_update'), path('<int:pk>/delete/', book_delete, name='book_delete'), ] ``` 在 `myapp/templates` 文件夹中创建三个 HTML 文件： `base.html`： ```html {% load static %} <!DOCTYPE html> <html> <head> <title>{% block title %} {% endblock %}</title> <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"> <link rel="stylesheet" href="{% static 'css/main.css' %}"> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container"> <a class="navbar-brand" href="{% url 'book_list' %}">图书管理系统</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="{% url 'book_list' %}">图书列表</a> </li> <li class="nav-item"> <a class="nav-link" href="{% url 'book_create' %}">添加图书</a> </li> </ul> </div> </div> </nav> <div class="container mt-4"> {% block content %} {% endblock %} </div> <script src="{% static 'js/jquery.min.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> </body> </html> ``` `book_list.html`： ```html {% extends 'base.html' %} {% block title %}图书列表{% endblock %} {% block content %} <h1>图书列表</h1> <table class="table"> <thead> <tr> <th>标题</th> <th>作者</th> <th>描述</th> <th>出版日期</th> <th></th> </tr> </thead> <tbody> {% for book in books %} <tr> <td>{{ book.title }}</td> <td>{{ book.author }}</td> <td>{{ book.description }}</td> <td>{{ book.published_date }}</td> <td> <a href="{% url 'book_update' book.pk %}" class="btn btn-sm btn-primary">编辑</a> <a href="{% url 'book_delete' book.pk %}" class="btn btn-sm btn-danger">删除</a> </td> </tr> {% empty %} <tr> <td colspan="5">暂无数据</td> </tr> {% endfor %} </tbody> </table> {% endblock %} ``` `book_form.html`： ```html {% extends 'base.html' %} {% block title %}{{ form.instance.title }}{% endblock %} {% block content %} <h1>{{ form.instance.pk|default_if_none:"添加" }}图书</h1> <form method="post"> {% csrf_token %} <div class="form-group"> {{ form.title.label_tag }} {{ form.title }} </div> <div class="form-group"> {{ form.author.label_tag }} {{ form.author }} </div> <div class="form-group"> {{ form.description.label_tag }} {{ form.description }} </div> <div class="form-group"> {{ form.published_date.label_tag }} {{ form.published_date }} </div> <button type="submit" class="btn btn-primary">保存</button> <a href="{% url 'book_list' %}" class="btn btn-secondary">取消</a> </form> {% endblock %} ``` 最后，在 `myproject/settings.py` 文件中添加一些配置项： ```python INSTALLED_APPS = [ 'myapp', 'bootstrap4', 'crispy_forms', ] CRISPY_TEMPLATE_PACK = 'bootstrap4' STATIC_URL = '/static/' STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') ``` 现在可以启动 Django 开发服务器并访问 `http://127.0.0.1:8000/`，应该会看到一个简单的图书列表页面，可以添加、编辑和删除图书。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值