WEB_课程设计说明

简介: WEB_课程设计说明

WEB应用系统开发


一、项目概述


1、账单管理系统项目简介


账单信息管理系统的初始版本实现以下功能:

Ø 管理员登录

Ø 管理员退出

Ø 账单模糊查询(搜索框输入条件,出现所有符合条件的列表)

Ø 记录添加(Bill界面点击添加,出现账单添加页面,输入相关信息、提交保存)

Ø 进货单查看(账单浏览界面点击进货单导航栏,显示进货单列表)

Ø 进货商品添加(点击添加商品,出现商品添加页面,输入相关信息,提交保存)

Ø 进货商品模糊查询(进货单查询界面输入商品名,查询符合条件的商品,列表显示)

Ø 商品信息修改(点击对应商品的修改链接,出现修改界面,修改后保存)

Ø商品删除(点击对应商品的删除链接,弹出确认框,删除信息)


2、系统架构设计


1、模型设计


User表

public class User {
    private String username;
    private String psw;
}

Bill表

public class Bill {
    private Integer id;//订单编号
    private String name;//商品名
    private String cname;//客户名
    private Integer amountb;//购买数量
    private String time;//购买时间
    private Integer price;//收款金额
}

PL表

public class PurchaseList {
    private Integer id;//商品编号 主键 自增
    private String name;//商品名
    private Integer amount;//商品数量
    private Integer priceIn;//进货单价
    private Integer amountPrice;//总金额
}

2、数据库设计

user表

bill表

PL表


二、功能实现


1、登录功能

用例名称:登陆
用例标示编号:01
简要说明:登录到Bill表主界面
前置条件:处在用户登录界面
基本事件流:1. 用户填写用户名和密码;2. 点击登陆按钮;3.数据库查询校验;4、校验成功,跳转到主页
其它事件流:用户名或密码未输入,提醒账号或密码不能为空
异常事件流:校验账号密码失败,提醒用户名或密码错误
后置条件:无
编号 类名或文件名 功能描述
1 login.jsp 登录页面
2 loginServlet.java 处理登陆逻辑的servlet
3 IUserDaoImpl.java 对接数据库的执行层

运行效果图

2、退出登录

用例名称:退出
用例标示编号:02
简要说明:清除session与cookie,退出到登录界面
前置条件:处在用户界面
基本事件流: 点击 注销 按钮
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 bill.jsp和purchaseList.jsp 用户页面
2 logoutServlet.java 清除session和cookie的servlet

运行效果图

3、Bill表查询功能

用例名称:查询
用例标示编号:03
简要说明:通过商品名或客户名模糊查询
前置条件:处在Bill表用户界面
基本事件流: 输入查询条件,点击查询,查询所有符合条件的结果;
其它事件流:查询结果为空时,弹出提醒;查询条件为空时,查询所有。
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 bill.jsp Bill表用户页面
2 SearchServlet_B.java 处理查询逻辑的servlet
3 BillDaoImpl.java 对接数据库的执行层

效果展示

4、Bill表增添功能

用例名称:新增
用例标示编号:04
简要说明:添加数据
前置条件:处在Bill表用户界面
基本事件流: 点击添加按钮,弹出表单,填充数据,提交表单。
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 bill.jsp Bill表用户页面
2 addServlet_B.java 处理新增逻辑的servlet
3 BillDaoImpl.java 对接数据库的执行层

运行效果

5、Bill表更新功能

用例名称:更新
用例标示编号:05
简要说明:更新数据
前置条件:处在Bill表用户界面
基本事件流: 点击修改按钮,弹出表单,修改数据,提交表单。
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 bill.jsp Bill表用户页面
2 updateServlet_B.java 处理更新逻辑的servlet
3 BillDaoImpl.java 对接数据库的执行层

运行效果

6、Bill表删除功能

用例名称:删除
用例标示编号:06
简要说明:删除数据
前置条件:处在Bill表用户界面
基本事件流: 点击删除按钮,弹出提示框,确定删除数据,取消关闭提示
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 bill.jsp Bill表用户页面
2 deleteServlet_B.java 处理删除逻辑的servlet
3 BillDaoImpl.java 对接数据库的执行层

运行效果

7、PL表查询功能

用例名称:查询
用例标示编号:07
简要说明:通过商品名或客户名模糊查询
前置条件:处在PL表用户界面
基本事件流: 输入查询条件,点击查询,查询所有符合条件的结果;
其它事件流:查询结果为空时,弹出提醒;查询条件为空时,查询所有。
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 purchaseList.jsp PL表用户页面
2 SearchServlet_P.java 处理查询逻辑的servlet
3 PLDaoImpl.java 对接数据库的执行层

效果展示

8、PL表增添功能

用例名称:新增
用例标示编号:08
简要说明:添加数据
前置条件:处在PL表用户界面
基本事件流: 点击添加按钮,弹出表单,填充数据,提交表单。
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 purchaseList.jsp PL表用户页面
2 addServlet_P.java 处理新增逻辑的servlet
3 PLDaoImpl.java 对接数据库的执行层

运行效果

9、PL表更新功能

用例名称:更新
用例标示编号:09
简要说明:更新数据
前置条件:处在PLl表用户界面
基本事件流: 点击修改按钮,弹出表单,修改数据,提交表单。
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 purchaseList.jsp PL表用户页面
2 updateServlet_P.java 处理更新逻辑的servlet
3 PLDaoImpl.java 对接数据库的执行层

运行效果

10、PL表删除功能

用例名称:删除
用例标示编号:10
简要说明:删除数据
前置条件:处在PL表用户界面
基本事件流: 点击删除按钮,弹出提示框,确定删除数据,取消关闭提示
其它事件流:无
异常事件流:无
后置条件:无
编号 类名或文件名 功能描述
1 purchaseList.jsp PL表用户页面
2 deleteServlet_P.java 处理删除逻辑的servlet
3 PLDaoImpl.java 对接数据库的执行层

运行效果

三、个人小结


1、系统实现的亮点、难点和不足


最大的亮点就是没啥亮点,简洁。基础不好,都比较难。不足就是不够安全。


2、心得体会


实践出真知,理论是基础

好好学习,天天向上。
相关文章
|
前端开发 JavaScript
web前端课程设计:个人简历
使用web前端完成个人简历的网页设计,包含html、css 、js文件。
12146 3
web前端课程设计:个人简历
|
3月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
172 3
|
28天前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
2月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
200 45
|
2月前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
35 7
|
2月前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
|
2月前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
43 2
|
2月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
58 1
|
2月前
|
XML 安全 PHP
PHP与SOAP Web服务开发:基础与进阶教程
本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。
|
2月前
|
安全 数据库 开发者
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第26天】本文详细介绍了如何在Django框架下进行全栈开发,包括环境安装与配置、创建项目和应用、定义模型类、运行数据库迁移、创建视图和URL映射、编写模板以及启动开发服务器等步骤,并通过示例代码展示了具体实现过程。
72 2