目录
摘要 III
关键词 III
Abstract IV
Keywords IV
1 概述 1
1.1 项目设计背景 1
1.2 项目设计的意义 1
1.3 论文的组织结构 1
2 开发工具及相关技术介绍 1
2.1 开发工具介绍 1
2.2 开发技术介绍 1
3 系统分析和设计 2
3.1 系统分析 2
3.1.1 系统需求分析 2
3.1.2 系统可行性分析 2
3.2 系统总体设计 3
3.2.1 数据库的设计 3
3.2.2 功能模块设计 5
4 系统详细设计和实现 5
4.1 用户登录功能详细设计和实现 5
4.1.1 用户登录功能详细设计 5
4.1.2 用户登录功能实现 6
4.2 用户管理功能详细设计与实现 7
4.2.1 用户管理功能详细设计 7
4.2.2 用户管理功能实现 8
4.3 会员等级功能详细设计与实现 13
4.3.1 会员等级功能详细设计 13
4.3.2 会员等级功能实现 14
4.4 会员管理功能详细设计与实现 15
4.4.1 会员管理功能详细设计 15
4.4.2 会员管理功能实现 16
4.5 商品类型功能详细设计与实现 18
4.5.1 商品类型功能详细设计 18
4.5.2 商品类型功能实现 19
4.6 商品管理功能详细设计与实现 21
4.6.1 商品管理功能详细设计 21
4.6.2 商品管理功能实现 21
4.7 销售管理功能详细设计与实现 23
4.7.1 销售管理功能详细设计 23
4.7.2 销售管理功能实现 24
4.8 采购管理功能详细设计与实现 27
4.8.1 采购管理功能详细设计 27
4.8.2 采购管理功能实现 28
5 验证和测试 31
5.1 系统功能测试 31
5.2 测试结果 32
6 总结与展望 32
6.1 总结 32
6.2 展望 33
参考文献 33
致谢 34
3 系统分析和设计
3.1 系统分析
3.1.1 系统需求分析
需求分析工作是软件生存期中重要的一步，也是关键的一步。只有通过软件需求分析，才能把系统的功能和性能的总体概念描述为具体的软件需求规格说明，从而为后面的软件开发打下基础。软件需求分析是一个渐进的过程，逐步加深对系统功能和性能的认识的过程，并且细化、分解软件需求。该过程将软件计划阶段所确定的软件需求逐步细化到可详细定义的程度，并分析找出可行的解决方法。需求分析的结果是系统开发的基础,关系到工程的成败和软件产品的量。因此,必须用行之有效的方法对软件进行严格的审查验证。
一般的信息系统的开发，其前期工作都少不了要提交用户需求分析的说明文档。制定软件的需求规格说明不只是软件开发人员的事，用户也起着至关重要的作用。用户必须对软件功能和性能提出初步要求，并澄清一些模糊概念。而软件分析人员则要认真了解用户的要求，细致地进行调查与分析，把用户“做什么”的要求最终转换成一个完全的、精细的软件逻辑模型并写出软件的需求规格说明，准确地表达用户的需要。
经过大量的需求调研，得出目标系统大概包括以下三个部分：
通用功能：通用功能里包括用户登录、登出、个人信息编辑、用户密码修改三个部分，这是系统的基础功能，不论是什么身份的用户都可以使用这些功能，用户必须登陆之后才可以使用系统中提供的功能，同时在用户登陆之后会自动判断用户的身份。
基础信息管理：包括系统用户管理、商品分类管理、商品信息管理、会员等级设置四个功部分，商品基本信息的管理，包括商品的新增、修改、删除和查询功能。同时提供商品信息列表。
超市运营管理：包括会员信息管理、销售记录管理、采购记录管理三个部分，销售记录管理指对库存商品的销售信息进行管理，包括销售信息的录入、销售报表的浏览、查看历史销售记录，并对当天的销售额进行统计。
<!DOCTYPE html>
<html lang="zh">
{
% load static %}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="{% static 'libs/models/models.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'css/comm.css' %}"/>
<link rel="stylesheet" type="text/css" href="{% static 'css/login.css' %}"/>
</head>
<body>
<div class="login-container">
<div class="login-body">
<div class="login-title">
登录
</div>
<div class="login-form">
<form name="loginForm" action="" class="fater-form">
<div class="fater-form-block">
<input type="text" name="userName" placeholder="请输入登录账号"/>
</div>
<div class="fater-form-block">
<input type="password" name="passWord" placeholder="请输入登录密码"/>
</div>
<div class="fater-form-block">
<button type="button" id="loginFormBtn" class="fater-btn fater-btn-primary fater-btn-block">
登录
</button>
</div>
</form>
</div>
</div>
</div>
{
% include 'templates/commjs.html' %}
<script src="{% static 'js/login.js' %}" type="text/javascript" charset="utf-8"></script>
</body>
</html>
