Task管理系统项目

Task管理系统项目

  1. 项目开发意义和目的
    本项目所开发的系统为Task管理系统。管理信息系统是一个由人和计算机等组成的能够提供信息以支持一个组织机构内部的作业、管理、分析和决策职能的系统。管理信息系统利用计算机的硬件和软件,手工规程.分析、计划、控制和决策用的模型,以及数据库对信息进行收集、传输、加工、保存、维护和使用。因此管理信息系统是一个信息处理系统。管理信息系统作为各项业务、技术工作自动化及高水平管理的方法和模式,正在得到越来越广泛的应用。当今社会是一个信息社会,信息已成为继劳动力、土地、资本之后的又一大资源。谁控制的信息越多,谁利用信息资源的效率越高,谁就会在各方面的竞争中占有一席之地谁就会有更多的优势。因此开发信息管理系统是刻不容缓的首要任务。

  2. 项目开发工具
    2.1 硬件工具
    一台电脑
    2.2运行环境
    Visual Studio Code、MySQL 8.0 、Navicat 12、Microsoft Edge
    2.3开发语言
    C#、JavaScript、html

  3. 项目实现要求

1、完成先注册,注册成功后跳转到登录页面;
Task管理系统项目_第1张图片

2、用新注册的账号进行登录;
Task管理系统项目_第2张图片

2、登录成功后进入Task列表页面;
Task管理系统项目_第3张图片

3、在Task列表页面中进行数据的增加、删除、修改和查看

  1. 数据库设计

1、创建保存用户信息的users表和数据的tasks表

Task管理系统项目_第4张图片

Task管理系统项目_第5张图片

2、在表中添加示例

Task管理系统项目_第6张图片
Task管理系统项目_第7张图片

  1. 项目开发步骤

1、安装.net5 SDK,打开命令提示符,输入命令 dotnet --version
即可查看.NET SDK当前版本信息,如下图所示即为安装成功;
2、安装VSCode,在Vscode官网中下载安装包并跟随指引完成安装;
3、在VSCode中安装插件;
4、安装MySQL数据库;
5、通过C#链接数据库,并对数据库进行操作;
6、启动TaskSystem项日框架文档后编写H5"登陆页面”;
7、编写JS文件拿到用户名和密码,通过方法fetch发送请求到C#后台;
8、在APICommand.cs文件中添加case,编写代码相关代码(注意SOL的正确和占位符使用);
9、检查修改连接数据库字符串,并重新启动项目测试;如果前台正确拿到数据,则编写添砖页面并配置Home.cs文件;
10、在登录页面游加注册的超链接,他置Home.s能跳转到注册页而;
11、编写注册的SOL语向,前定用户注册需要填入的值;
12、编写rcqistor,htm1 界面,编写用户需要输入的信息;
13、编写reqister,ie文件,获取注册界面填入的值,发送给后台;
14、编写APIComman,接受前台传过来的参数,编写专门的BC_ Users.cs文件,拼接SQL处理,处理值;
15、编写js文件处理后台响应的值;
16、创建Tasks表,添加2条测试数据;
17、编写Htm1页面,编写js代码发送获取数据的请求;
18、编写APICommand,编写SQL获取数据,发送给前台;
19、编写js代码将数据泣染到Html页面;
20、熟悉多添加查询的SQL,添加查询条件,修改已有的方法,编写html,编写改造is文件,编写改造tasks.cs里面的方法;
21、编写htmn1页面,加入一些输入框,输入所需要的信息;
22、编写js代码发送获取数据的请求;
23、编写APICommand,按受参数,编写方法添加Task;
24、根据返回的数据处理前端页面;
25、在Htm1页面的Task列表中,添加两个修改和删除按钮,给按钮设置样式属性和TaskID属性,添加Task区域添加了TaskID输入框;
26、获取按钮,通过遍历给按钮绑定点击事件;
27、给所有的删除按钮绑定点击事件,编写删除Task的方法,发送删除请求;
28、编写APICommand,编写编写删除方法;
29、前端处理响应数据.

  1. 页面展示

1、登录界面
Task管理系统项目_第8张图片

2、注册界面
Task管理系统项目_第9张图片

3、Task列表界面
Task管理系统项目_第10张图片

  1. 核心代码

1、登录界面
Task管理系统项目_第11张图片
Task管理系统项目_第12张图片

2、注册界面
Task管理系统项目_第13张图片
Task管理系统项目_第14张图片

3、task列表
Task管理系统项目_第15张图片

你可能感兴趣的:(node.js)