基于Java+MySQL 实现(Web)日程管理系统【100010222】

news2024/11/17 5:43:19

基于Java的日程管理系统开发

摘要

日程管理在日常生活中是十分普通的一件事情,人们无论在生活中还是工作中都会有大大小小、各种各样的事情安排,如果仅仅靠纸张或者自己记录这些事情,往往会遗忘。针对这样的痛点,本文提供了日程管理系统开发的一整套流程,从需求分析到项目架构,再到功能的具体实现,最后测试和使用。希望通过本文能够对日程管理系统的开发作以较全面的总结。

使用的技术主要以thymeleaf作为动态模板引擎,替代以前的JSP。利用JQuery等脚本语言完成前端页面的设计,综合运用mybatis框架作为后台数据库链接和mysql作为数据库提供数据服务,后台采用目前比较流行的spring-boot和spring-MVC等开源框架为项目架构,开发出一套B/S架构的日程管理系统软件。

对日程管理系统的需求分析和调研,选取系统开发的语言,确认需要使用到的相关技术,阅览需要使用的技术书籍。通过流程图和流程分析对需求作分析,制定出数据库的表之间关系,确定功能需求。系统实现过程就是具体的功能实现过程,归纳程序实现逻辑和功能点之间的对应关系,实现完毕功能,需要一一对功能点做测试,确保功能正常运行。

关键词: 日程管理;JavaScript; Node.JS;Mysql

一、绪论

计算机技术发展迅速,软件发展也是日新月异。日程管理在当下已经有很多成熟的系统软件,各行各业都有运用的需求,所以对于课题的研究是有必要也有意义的,结合国内外的相关软件分析,确定题目的研究内容和研究方向。

1.1 前言

计算机技术在我国飞速发展,计算机应用的推广和普及越来越迅速。而且日程管理是非常重要,人们不希望每天把大部分时间放在整理和记录琐碎的日常工作事项上,因此用一个日程管理系统来规划每天的工作很有必要。课题基于J2EE技术设计并实现了一个日程管理系统,本系统将要实现对个人的日程信息管理,并能按照个人需求,实现系统对事项的管理,从而达到个人能够高效合理的安排自己的工作时间。本文按软件工程的过程记述日程管理系统的设计与开发。当下的社会环境企业对于个人的时间安排和工作效率都是有较高的要求,但是日常的工作中,总是会充斥的各种各样的很繁杂并且比较重要的事情,日程管理系统可以很好地将每一件事情记录并保存,提供给使用者随时查看,这样一来,不仅能够减轻工作的压力,还能保质保量完成工作。基于WEB形式的系统展现,在工作的时候,随时能够打开,做记录或者查看任务,也是目前软件行业的提供服务的主流形式。

1.2 研究意义

在计算机刚开始使用的时候,个人的日程安排已经有了明显的效率提升,我们可以通过计算机来记录事件和添加备忘,并且可以通过提醒的方式来让用户及时完成任务。但是由于网络的原因,用户们的工作日程还不能够共享等功能,但是在20世纪90年代的时候,微软推出了Office工具对人们的办公操作提供了很大的帮助,而且现在有很多的日程管理软件都能提供比较好的备忘功能,类似于Apple公司的提醒事项,并且在日历等软件中兼并了日程管理的功能。目前在中国很多传统企业对这种日程管理系统的需求很大,很多企业会寻求技术开发公司定制一套属于公司的办公自动化系统。比起以前的人工管理方式,其优越性是显而易见的,所以说,日程管理系统的研究开发是很有必要也很有价值。

1.3 国内外研究情况

目前的日程管理系统有很多,前文中提到的微软的office工具,outlook社区给使用者提供共享的功能, Mac中很好用的Creative Schedule Mod,功能十分齐全,画面感观也很好,对于日程管理,国外很多公司和个人都很重视,所以在初期的时候就进行开发研究,目前国外受欢迎的APP和系统功能上都很全。虽然在中国软件开发行业是近些年才开始迸发,但是发展十分迅速,出现很多的软件供人们使用,类似天天桌面便签、Sticker桌面便签,这种桌面应用很大程度上为人们提供方便的记录方式,如同便利贴。现在移动设备也很普及,日程管理软件也是繁多,类似说说日历、calenMob都是很小的安装软件,让我们随时随地记录,能够合理更改日程安排,从而高效工作生活。
从这么多的软件应用来看,国内外的开发人员能够发现人们的痛点:如何合理高效的安排日程。利用计算机的高性能来帮助人们安排日程,记录重要或者容易被忘记的事项,用这种方式解决日程安排的问题。

1.4 本文的主要研究内容

日程管理系统主要分为两大模块。

第一个模块是日程管理,用户需要先登录系统,成功之后会进入首页面,展示给用户的是当前的日程表,当天如果有日程安排会有提醒用户的标识,用户可以在日程表中选择日期添加日程,或者对已经添加的日程做修改,或者计划改变,删除当前日程;

第二个模块是日志管理,用户每天完成任务之后可以根据需求添加日志,记录每天的工作,对这些工作日志经查询修改,或者删除,并且会有日志列表,根据时间的顺序显示。

在这里插入图片描述

用户进入系统功能页面之前需要先进行用户的身份确认,登录本系统之后才能进行操作,如果没有身份,可以进行身份注册,创建新用户,进行系统功能的体验。

用户访问系统时需要先进入登录界面,输入账号密码进入系统,如果当前用户存在,进行密码验证,通过后进入主界面,主界面展用户的当前的日程信息,如果有最近的日程安排,会有提示标识;用户在主界面进入需要规划日程的日期中进行日程编辑,完毕之后进行保存,之后也可以对已经做好的日程修改或者删除;用户每天完成任务之后也可以进行记录。

二、技术简介

日程管理系统是基于WEB形式的系统模式。B/S结构的系统维护只需进行服务器的管理即可。B/S结构软件的开发对服务器操作系统的选择是多元化的,无论选择哪种操作系统都不会影响到用户使用。后台使用的是Java语言开发,数据库使用的是Mysql数据库,连接数据库使用的是Mybatis工具。

2.1 系统使用相关技术介绍

2.1.1 Java语言简介

Java是由Sun Microsystems公司于1995年5月推出的Java面向对象程序设计语言和Java平台的总称。由James Gosling和同事们共同研发,并在1995年正式推出。

Java分为三个体系:

  • JavaSE(J2SE)(Java2 Platform Standard Edition,java平台标准版)

  • JavaEE(J2EE)(Java 2 Platform,Enterprise Edition,java平台企业版)

  • JavaME(J2ME)(Java 2 Platform Micro Edition,java平台微型版)。

年6月,JavaOne大会召开,SUN公司公开Java SE 6。此时,Java的各种版本已经更名以取消其中的数字"2":J2EE更名为Java EE, J2SE更名为Java SE,J2ME更名为Java ME。

2.1.2 Java的简单工作原理

在Java中引入了虚拟机的概念,即在机器和编译程序之间加入了一层抽象的虚拟的机器。这台虚拟的机器在任何平台上都提供给编译程序一个的共同的接口。编译程序只需要面向虚拟机,生成虚拟机能够理解的代码,然后由解释器来将虚拟机代码转换为特定系统的机器码执行。在Java中,这种供虚拟机理解的代码叫做字节码(ByteCode)(class文件的内容),它不面向任何特定的处理器,只面向虚拟机。每一种平台的解释器是不同的,但是实现的虚拟机是相同的。Java源程序经过编译器编译后变成字节码,字节码由虚拟机解释执行,虚拟机将每一条要执行的字节码送给解释器,解释器将其翻译成特定机器上的机器码,然后在特定的机器上运行。

Java虚拟机(JVM)是Java Virtual Machine的缩写,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功能模拟来实现的。

Java中,类加载器把一个类装入JAVA虚拟机需要经过三个步骤来完成:装载、链接、初始化,其中链接又分来校验、准备、解析过程

装载:查找和导入.class文件

链接:检查装入.class文件的正确性,然后,java虚拟机为变量分配内存,设置默认值

初始化:把符号引用变成直接引用。

2.1.3 Java的基本语法

一个Java程序可以认为是一系列对象的集合,而这些对象通过调用彼此的方法来协同工作。下面简要介绍下类、对象、方法和实例变量的概念。

  • 对象:对象是类的一个实例,有状态和行为。例如,一条狗是一个对象,它的状态有:颜色、名字、品种;行为有:摇尾巴、叫、吃等。

  • 类:类是一个模板,它描述一类对象的行为和状态。

  • 方法:方法就是行为,一个类可以有很多方法。逻辑运算、数据修改以及所有动作都是在方法中完成的。

  • 实例变量:每个对象都有独特的实例变量,对象的状态由这些实例变量的值决定。

一个最简单的Java程序。

2.1.4 Java访问数据库的方式

Java连接各类数据库的方法是类似的,本系统开发采用MySQL,叙述链接mysql的方法流程。
a.首先导入需要的工具

连接MySQL所需的驱动包,可以选用mysql-connector-java-5.1.26-bin

Java编辑器,常用的是Eclipse、IDEAJ、MyEcplise;
引入java.sql包(作用:提供使用 Java 编程语言访问并处理存储在数据库中的数据的 API );
import java.sql.*;//加载JDBC驱动程序;
将下载好的jar包mysql-connector-java-5.1.26-bin导入至项目;
加载驱动Class.forName(“com.mysql.jdbc.Driver”)。

b.产生Connection
如已成功加载JDBC驱动程序,就可以利用加载的驱动程序连接数据库
Connection con=DriverManager.getConnection(URL,UserName,Password);
URL: JDBC:(subprotocol):(subname)
subprotocol:子协议指定连接何种数据库或用什么方式连接数据库;
subname:确立一个连接,可以是一个数据源名,也可是指向一个网上数据库.

经过上述三个步骤,就已完成了MySQL数据库的连接工作,通过相应的sql语句可以对数据进行相应的操作了~
下面放出一个简单的Demo,进一步了解JDBC连接MySQL的操作。
DBManager类,用于连接访问数据库,并写好了对数据进行增删改查的接口:

附注:一个标准的JDBC程序

import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;//以上都是引入需要使用的依赖包

public class TestJDBC {
    public static void main(String[] args) {
        Connection conn = null;//创建一个新的Connection对象
        PreparedStatement pStmt = null;//创建新的PreparedStatement对象
        ResultSet rs = null;//创建一个新的ResultSet对象
        try {
            Class.forName("com.mysql.jdbc.Driver");// 加载MySQL驱动类
            conn = DriverManager.getConnection("jdbc:mysql://hostname/databaseName", "root", "root");// 创建数据库连接,取得数据库连接对象
            pStmt = conn.prepareStatement("SELECT * FROM user");// 取得pStmt对象,PreparedStatement比Statememtn效率高,安全性好(预编译的SQL语句,防止SQL注入)
            rs = pStmt.executeQuery();// 取得ResultSet对象,暂时存放查询取得的结果
            while (rs.next()) {
                System.out.println(rs.getInt("id"));//将获取的数据进行操作
            }
        } catch (ClassNotFoundException e) {
            e.printStackTrace();//抛出异常,打印出异常信息
        } catch (SQLException e) {
            e.printStackTrace();//抛出异常,打印出异常信息
        } finally {
            try {
                if(rs != null) {//检查对象是否为空
                    rs.close();//如果结果集不为空,关闭结果集
                    rs = null;
                }
                if(pStmt != null) {//检查对象是否为空
                    pStmt.close();//如果声明工具不为空,关闭声明
                    pStmt = null;
                }
                if(conn != null) {//检查对象是否为空
                    conn.close();//如果连接对象不为空,关闭连接对象
                    conn = null;
                }
            } catch (SQLException e) {//捕获异常
                e.printStackTrace();//抛出异常,打印异常信息
            }
        }
    }
}

三、系统需求分析

将日程管理系统拆分开,进行需求分析。分析系统的运行环境,在此环境的基础之上对系统功能分别分析。日程管理系统的核心功能部分是日程管理和日志管理,通过流程图把功能的方式表达出来,找出流程中的实体对象,根据对象的属性创建对应的ER图,在根据ER图创建数据关系,生成数据库表,并整理数据库关系。

3.1 系统运行环境

日程管理系统的客户端要求是CPU 133MHz以上,内存32MB以上,操作系统 WIN95以上,Google chrome。

系统数据库服务器端要求CPU 1.5GHz以上,内存1GB以上,操作系统 Linux,VMware workstation 10,数据库MySQL。

3.2 系统模块工作流程

3.2.1 系统模块设计

对相类似的日程管理软件的分析,按各业务将系统划分成用户管理、日管理、日志管理等三个模块,日程管理管理系统分为三大模块。

图3.1 系统管理模块图

进入本系统需要用户进行用户信息验证,如果本系统中没有此用户信息,需要先进行用户注册,注册成功之后就可以登录本系统,已经存在用户如果忘记密码,可以请求管理员帮助进行账号管理,对密码进行修改。本系统对用户权限没有做强制要求,使用的用户可以自主创建账号,进入本系统的操作页面,对自己的日程安排进行管理。

3.2.2 系统主程序流程分析

用户在登录界面输入用户名和密码成功登录之后,即可进入系统主页面自行选择相应模块进行操作,系统的主程序登录流程图如图3.2所示。

图3.2 系统主程序流程图

3.2.3 用户管理模块流程分析

用户管理主要是体现在登录注册部分,用户想要进入本系统中使用功能,首先要登录,如果用户已经有帐号,直接输入帐号密码登录系统,有账号但是忘记了密码可以让管理员协助修改密码;如果没有账号的用户可以自主注册帐号,在没有被占用昵称的情况下可以自由注册,然后再进行登录。用户管理模块的具体工作流程图如图3.3所示。

图3.3 用户管理流程图

由图3.2可以看出用户管理主要流程如下。

用户进入登录页面判断是否有已有账号,已注册用户直接输入用户名和密码进行登陆,新用户进入注册界面输入新用户名和密码后确认注册,返回登录页面进行登陆。

若已有账号可进入修改密码界面,输入用户名、原密码、新密码。若输入的两次原密码和新密码相同,则需重新输入,不同则系统提示修改成功。

管理员用户输入用户名密码登录成功后,普通用户的账号信息可以由管理员进行修改操作。

3.2.4 日程管理模块流程分析

日程管理模块是系统的核心模块,成功登录本系统的用户,能够进入到系统的主界面,页面会默认展示当前月份的所有日期,每一个日期就相当于一个容器,可以由用于自主安排时间,添加日程,并且同一日期内可以添加多条日程安排,系统会检测当前用户的日程安排,在事件发生的前5分钟前会提醒用户将要进行的日程安排。

对日程管理模块具体工作具体分析后,得出如图3.4所示的日程管理模块流程图。

图3.4 日程管理模块流程图

由图3.4可以看出日程管理模块流程有下列步骤。

a.添加日程安排

在某一天的框内选择添加日程安排,进入日程添加安排的界面,按照要求输入相关信息,并且选择日程安排类型(工作、会议、聚会等等),根据不同的类型将日程归类划分。

b.添加日程的可能存在的问题

可能存在同时间点会有多项事件存在,这种情况是比较不合常理的,所以在添加日程的时候会对操作检测,如果是这种存在冲突的事件,需要重新操作。

c.日程提醒

存在某些事件需要提醒的,尤其是会议或者是重要的聚会,很可能被用户遗忘,所以事件提醒功能是比较要的,所以在本系统中添加了日程提醒功能,系统会在事件发生的前30分钟给用户发出提醒,目前是在站内提醒,另外比较好的提醒方式是手机短信提醒,或者比较流行的通讯软件。

d.用户查看自己的空闲时间

除开了添加了日程安排的其他空余时间,这个功能的目的在于能够更加合理的使用时间,用户可以将某个时间点冲突的事件分开安排,大大提高了时间的利用率。

e.用户查看安排

用户也能够自主查看所有已经添加的日程安排。

3.2.5 日志管理模块流程分析

日志管理模块是为了给用户提供记录的方便,例如今天完成了一项比较重要的事情,可以做一个总结,写一份博客或者是总结性文章,存储在数据库中,利于用户记录自己的工作历程;或者是用户在解决了一个比较重要的问题之后,可以用日志的形式记录下来,当再次遇到类似的问题之后,也能够很快找到解决方案,利于提高工作,学习的效率。

对日志管理模块的具体工作进行用户端逻辑分析,得出如图3.5所示的查询管理流程图。

图3.5 日志管理模块流程图

由图3.5可以看出查询管理模块流程如下。

日志管理类似于博客系统,但是不需要评论的功能展示,仅仅提供给用户添加记录就可以,所以最基础的添加日志功能、修改已经存在的日志、删除现有的日志,本系统采取逻辑删除,不会彻底删除掉记录,这样可能方便找回用户误删或者丢失的资料。

用户在可以自己搜索查看想要查看的日志。

3.3 数据库的表关系

3.3.1 系统E-R模型

日程管理系统操作人员依次在网页填写日程所需的信息和日志所需要的信息。

系统全局E-R设计如图3.6所示。

图3.6 管理系统整体E-R图

结合数据库的创建标准和常规建表操作,构造的系统用户信息实体应包含以下几个属性为用户名,登录密码,用户昵称。用户信息实体图如下图3.7所示。

图3.7 用户信息实体图

日程信息包含属性是日程标题、日程内容、状态信息。日程信息实体图如下图3.8所示。

图3.8 日程信息实体图

因为存在日程的分类,所以有日程类别信息,包含属性编号、类别名称。完整的日程类别信息表实体图如下图3.9所示。

图3.9 日程类别信息实体图

日志信息表属性包括日志标题、日志内容、日志备注、日志状态。日志信息实体图如下图3.10所示。

图3.10 日志信息实体图

职位信息表属性是编号、职业名。日志信息实体图如下图3.11所示。

图3.11 用户职业信息实体图

3.3.2 关系模型

将系统E-R图转换成关系模型如下。

系统用户(用户名,登录密码,用户昵称,用户职业,登录时候用昵称,用户注册的时候如果没有添加昵称,则默认用用户名作为昵称,编号是自增,职业是用来区别不同的职业对日程安排不同);

日程信息(日程标题、日程内容、状态信息,一条日程必定对应了一个用户,所以添加日程信息必须校验该用户是否存在,该表中有用户id作为外键);

日程类别信息(编号、类别名称);

用户职业信息(编号、职业名);

日志信息(日志标题、日志内容、日志备注、日志状态,标题能够让用户快速检索,备注信息是要求在一定的字数之内,可以对日志做一个简介概括,状态值记录该条日程是否还有效,如果执行删除操作采取逻辑删除)。

3.3.3 数据库物理模型

经过系统需求分析并结合系统的数据结构,严格遵循数据库设计的原则,本日程管理系统共设计五张数据表。

a.user表为用户信息表

用来存储登录用户的用户名和密码信息,用户身份,设有以下字段:user_id(用户编号,自增长),user_name(用户名),password(密码),user_nick_name(用户昵称),gmt_create(数据插入时间),其中user_id为主键,采用自增的方式自动生成,递增量为1。详见表3.1。

表3.1 用户信息表(user)

字段类型NULL主键备注
user_idbigint用户编号、自增
user_namevarchar(45)用户名称
user_nick_namevarchar(45)用户昵称
passwordvarchar(100)用户密码
gmt_createdatetime创建时间

b.user_position表为用户职业信息表

用于存储大致的职位信息,设有以下字段:position_id(执业编号),position_name(职业名称),gmt_create(创建时间),gmt_modified(修改时间),其中position_id为主键,采用自增1的方式自动生成。详见表3.2。

表3.2 用户职业信息表(user_position)

字段类型Null主键备注
position_idint(11)职业编号、自增
position_namevarchar(45)职业名称
gmt_createdatetime创建时间
gmt_modifieddatetime修改时间

c.programme表为日程信息表

存储了添加的日程详细信息,设有字段programmeId(日程编号),content(日程内容)status(日程状态信息:0-该日程已经被删除,无效;1-该日程正常记录,有效)programme_time(日程发生时间)program_user_id(该日程所属用户,即该条记录的用户编号)program_type_id(日程类型编号,对应的是program_type表中的编号,gmt_create(该条日程的添加时间)gmt_modified(本条记录最后一次的修改时间),其中programmeId为主键,采用自增1的方式自动生成。详见表3.3。

表3.3 日程信息表(programme)

字段类型Null主键备注
programmeIdbigint(20)自增
contentvarchar(300)日程内容
statusvarchar(5)日程状态(删除/存在)
programme_timedatetime日程进行时间
program_user_idBigint(20)所属用户
program_type_idInt(20)日程类型
gmt_createdatetime创建时间
gmt_modifieddatetime修改时间

d.program_type表为日程类别信息表

用来存储日程的类别信息,设有字段prog_type_id(日程类别编号),prog_type_name(日程类别名称),gmt_create(该条日程的添加时间)gmt_modified(本条记录最后一次的修改时间),其中prog_type_id为主键,采用自增1的方式自动生成。详见表3.4。

表3.4 日程类别信息表(program_type)

字段类型Null主键备注
prog_type_idint(11)自增
prog_type_namevarchar(45)类型名称
gmt_createdatetime创建时间
gmt_modifieddatetime修改时间

e.daily_record表为日志信息信息表

用来存储所有的日志信息,设有字段recordId(日志编号),title(日志标题),content(日志内容),status(日志状态,逻辑值和日程表中相同),remarks(备注信息,可以给文章作以简介),gmt_create(该条日程的添加时间)gmt_modified(本条记录最后一次的修改时间),其中recordId为主键,采用自增1的方式自动生成。详见表3.5。

表3.5 日志信息表(daily_record)

字段类型Null主键备注
recordIdbigint(20)自增
titlevarchar(45)日志标题
contenttext日志内容
statusvarchar(5)日志状态
remarksvarchar(20)备注
gmt_createdatetime创建时间
gmt_modifieddatetime修改时间

3.3.4 表之间关系

日程管理系统使用的是灵活性高速度快捷的MySql数据库,作为一种关联性数据库管理系统拥有开放源码的功能使其拥有庞大的用户全体,它的核心线程完全是多线程,支持多处理器,所以说效率很高。数据表类型很丰富,多种类型字段,操作简便,存取迅速,在开发团队的不断探索下,使其灵活性和简便性达到最佳平衡。

对日程管理系统的功能进行分析,该系统用户只用分为两个角色:普通用户和管理员,不涉及权限管理,建立user表作为用户信息表,用来存储所有的用户信息,主要是用户账号信息,表user_position是用户角色表,创建programme表记录日程安排信息,另外创建program_type表作为事件类型的信息、创建daily_record表单存储所有的日志数据。

结合日志管理系统的功能需求及数据结构,建立出的系统数据表如下表3.6所示。

表3.6 数据库结构

数据表名称数据表备注数据表用途
user用户信息表存储用户信息
user_position用户职业表用户职业信息
programme日程表存储日程信息
program_type日程类型表日程类型信息
daily_record日志表存储所有日志

3.4 功能需求

在日常繁杂的工作中,总是有很多重要日程需要安排,举例来说大学生的课程越来越多,而且每个班级同一门课程每天的时间和教室都不固定,给学生和教师的上课带来了一定的麻烦,都需要在特定时间给予醒目标识或者提示,日程管理系统就是基于这个原因而做出,使之更好的规划生活,让生活有条不紊。可以登录日程管理系统查看日程安排,或者说某段时间工作上会很忙,往往这种时候,越容易忘记事情,所以日程管理系统能够帮助人们合理安排时间,该系统的使用对象可以是学生,在职工作人员,较为宽泛。并且除了日程管理之外,系统还会提供日志的记录功能,用户在工作完之后做一个小的工作总结,存储在数据中。系统中的各种信息都由数据库进行管理,管理员管理用户信息,帮助用户账户管理,从而使系统能及时更新得到维护,人机操作更加友好。

日程管理系统主要的功能如下。

a.完成系统用户的登录

日程管理系统在设计中通过密码校验来控制用户的登录状况,因为不涉及敏感内容,所以系统的权限控制暂且不需要太严格的控制。

b.日程管理

成功登录的所有用户都可以使用本系统的功能,按照需求添加日程安排。

c.日程提醒

用户添加日程之后,系统会对用户进行日程安排提醒,帮用户记住时间。

d.日志管理

用户记载本日的工作记录,添加日志,删除和修改。

四、系统设计与实现

日程管理系统的需求分析完成之后,接下来就是实现过程,实现过程也即就是编码阶段,编码阶段是根对象和对象的正常操作逻辑展开,用户从登录注册到进入系统之后,再到对日程和日志的操作,对日程和日志进行管理,还有系统对日程的提醒功能,就是本系统中大概的操作过程。作为管理员可以协助用户管理用户信息。

4.1 系统总体设计

日程管理系统侧重于用户操作方便,使用起来高效便捷,不需要复杂权限管理或者业务需求管理,本系统的核心功能就是日程的管理、分类,最终的目的是时间上的合理安排;用户管理主要是对用户信息的查看或者修改,权限只去别区普通用户和管理员。对于本系统,对用户日常时间管理需求认真分析,利用J2EE技术和node.JS技术结合开发出web形式的管理系统。

4.2 系统详细设计

系统在数据库方面使用数据传输与数据存储量属于中等水平,小用户量的情况下,使用MySQL来进行数据存储,在开发方面使用spring-boot框架,开发效率较高,且可以避免很多配置过程,较快进入开发阶段。

同时本系统在硬件方面,只需要一台连接着Internet的web服务器即可。

利用Java开发的过程中,考虑到本系统针对不同用户群可能有不同的使用习惯,因此在user表中加上了user_position_id属性,目前设置有6个具体的用户身份(医生、律师、学生、教师等)和一个模糊群体:其他用户。这种分别可以根据用户群体的不同培养不同的使用习惯,让系统更加人性化。

日程管理方面,也考虑到会有不同类型的日程安排,所以在programme表中添加了program_type_id字段,关联了program_type表,添加日程的时候会有类型选择的选项,现有的分类有:1-普通 2-出行 3-会议 4-约会 5-纪念日 6-其他,序号对应的不同的类型,根据不同类型的日程信息,用户可以更加明确的安排和管理自己的日程,日程的有效管理使用的是status字段管理,如果用户想要删除某一条记录,使用逻辑删除,status属性是整形数字1,如果被删除了,字段信息被修改成2,数据库中本记录不会被删除。

本系统中还有日志管理模块,日志的功能操作是为了配合日程管理,让用户的试用体验更佳,用户可以在本日工作完成、或者是和他人约会之后添加一份日志记录,方便对之前发生的事件查看。

4.2.1 登陆注册界面设计

用户输入本系统的访问链接,进入到系统登录页面,在登录界面用户按照操作输入个人的用户昵称和密码。点击登录之后,会直接访问后台的user/userLogin.do方法,后台服务器会根据页面传递的数据对用户账号和密码进行判断。登录会返回3种结果,分别为:登录成功,用户不存在,密码错误。用户登录成功过程如图4.1所示。

图4.1 用户成功登录过程图

如果当前用户在本系统的没有账号,可以跳转到注册页面注册本系统的账号,注册时需要用户提供用户名,设置初始密码,昵称和选择职位。如果用户昵称已经被他人使用,那么用户需要重新输入一个昵称。最终填好信息无误之后,点击注册,访问user/userRegister.do方法,将数据存入到数据库中,注册页面如图4.2所示。

图4.2 用户注册界面

用户如果忘记密码可以选择让用户管理员修改,也就是让管理员协助修改密码,用户不能自行修改密码,因为系统中使用了MD5对密码加密,所以无法查看到明文的密码。

这里是对密码的加密过程,使用户密码不会直接暴露给其他人,如果用户忘记了初始密码就需要进行修改,修改改密码页面如图4.3所示。

图4.3 用户修改密码页面

4.2.2 系统默认首页面

用户成功登录之后,会跳转到首页面,当前页面显示的是当前月份的日期,相当于一个日历,每一个日期当中会有添加日程的选项,为了美观,默认情况下是没有显示这个按钮,当鼠标覆盖到某一个日期的格子中后,就会有添加按钮,点击添加按钮,用户按照要求添加日程信息,访问ProgrammeController控制器的addProgramm.do方法,执行添加日程操作逻辑。首页显示如下图4.4所示。

图4.4“默认首页”窗口

日程安排信息的添加过程实现逻辑:点击了添加日程安排的链接之后,会弹出添加日程安排的窗口,用户根据页面中的显示窗口,填入相关的日程信息,日程内容是比较简短的信息,所以字数需要控制在200个字数以内,需要用户添加的信息就是日程内容和日程类型,日程的发生日期会根据添加的日期自动生成,不需要用户自己去判断添加。

新增日程记录调用的是programmeManager中的insert方法,传入的参数是一个新创建的programmeDO对象,插入新的数据时,需要对数据的完整性做校验,所以添加日程过程中,前端需要用JavaScript初步做校验,等数据传送到服务端的时候,再次做校验,才能避免错误。

修改功能的实现与添加相类似,不过也有一些区别,修改的过程中,首先要获取需要修改的对象的编号,要在数据库中查找此对象,如果没有查找到此对象,那么本次的操作是非法的;如果存在此对象,那么接着根据新传入的数据,重新给需要修改的对象赋值,并且将数据传入到数据库中,完成数据更新。

4.2.3 展示当前用户所有的日程安排

在首页面的导航菜单中选择“我的日程”选项,后台会执行查找操作,对应的是programmeController中的queryProgramme()方法,获取到当前用户所有的日程安排,如图4.4所示。本页面显示所有的用户日程安排,其主要目的就是为了让用户更加集中查看日程,也方便用户自由更改日程信息。当然用户可以在首页直接看到已经添加的日程信息。

用户查看所有的日程信息,可以第一时间查看接下来的日程安排,对于生活工作安排有很好的帮助。

展示当前用户所有日程安排页面图如下图4.5所示 。

图4.5 “我的日程”操作窗口

通过图片展示可以看到在操作栏有“修改”“删除”操作,用户在查看日程的时候,可以直接对日程进行操作。点击“修改”,前台获取到当前日程信息的编号,将需要操作的日程信息获取到,可以展示原内容并且作以修改,更新操作就如前面所提到的更新操作。如果是“删除”某条日程信息,仅仅获取日程信息的编号即可,将编号传入后端,执行programmeManager. deleteByPrimaryKey()方法,根据日程的编号直接删除本条记录。而且本系统采取的删除方法是逻辑删除。

而且系统会根据不同的日程类型进行日程筛选,可以根据类型不同来查看日程安排。

4.2.4 日志管理界面设计

在系统首页的左侧导航菜单中,有日志管理导航栏,点击之后主界面会跳转到日志管理的页面,如下图4.6所示。日志列表展示页面,主要是表格形式,每一列分别是标题、时间和操作,这种日志的形式和发帖很相似,但是区别不同的是,发帖能够和他人共享,而本系统的日志是共享的,也不会有评论等。因为日志的作用和目的是在于能够让用户记录一天的工作,总结和积累,这样可以在之后的工作安排中更加合理和高效。

图 4.6 “日志管理”操作窗口

在添加日志操作的时候实现过程是传入用户信息,因为在日志表中,有用户编号的字段和将用户,日志关联,在addDailyRecord()方法中必须的参数是userId、title、content(默认不允许添加内容为空的日志记录)、还有remarks备注信息。

首先检测传入的参数不能为空,使用StringUtils的isNotBlank()方法检测不为空,然后将对应的属性参数赋到新的对象中,最终利用dailyRecordManager.insertSelective()方法将新数据插入到数据库中。

更新数据操作时仍需要判断userId的值是否为空,否则不能被修改,而且修改时也要注意日志和用户之间的匹配关系,不能被不互相匹配的日志信息被修改,如果所有的数据都是能够正常操作的,那么最终就会更新数据,将原始数据替换成我们想要修改的样子。

删除操作同修改操作都需进行用户匹配关系的判断,获取选中信息的id之后,执行delete操作即可完成记录的删除。

4.2.5 用户信息管理界面设计

此界面是管理员身份的用户登录进来才会看到的页面,普通用户是无法看到展示的信息,如果普通用户忘记了自己的密码,管理员可以通过在此页面进行操作,将密码进行修改。

图 4.7 “用户管理”操作窗口

进入本页面需对登陆用户进行身份权限判断如果user.getUserType != 1 ,则会提示当前用户没有管理权限。因为本系统不会有比较分明的权限规范,所以管理员的操作只需要管理一下用户的个人信息就可以了。

4.2.6 提醒客户界面设计

进入默认主页面中,在上方的右侧地方有一个“提醒用户”的图标,设计为日程在提前半小时会有日程安排提醒,如果有提醒,这个图标会显示有消息提醒,如下图4.8所示。如果用户登录后在半小时之内会有日程安排,系统会给用户提醒,有任务需要等待执行。

图 4.8 “提醒客户”展示页面

4.2.7 查询管理界面设计

查询管理可以从时间和关键字进行查询,输入日程发生的时间即可看到设定时间段内的所有日程信息记录,此外,用户可以在输入框中输入一些关键字,根据这些关键字在数据库中匹配相应的日程信息。“搜索查询”页面图如下图4.9所示。

图 4.9 “日程信息查询”操作窗口

查询管理模块的实现是使用的是数据库模糊查询,首先客户端表单提交关键词,然后服务器端获取用户表单提交的关键词,由服务器端获取到关键字之后,拼接到sql语句当中去,执行该语句,访问数据库,查询含有该关键字的日程信息。最后将查询到的日程信息返回给客户端界面显示。系统中,会调用programmeQuery的createCriteria()方法,添加筛选条件andContentLike(),匹配数据。实质上是利用MySQL where子句的基础上结合like运算符实现。

搜索匹配字段的指定内容,LIKE 通常与通配符 % 一起使用,% 表示通配 param 框中输入的内容。而不加通配符 % 的 LIKE 语法,表示精确匹配,其实际效果等同于 = 等于运算符,本模块使用的是通配符%。相同的,在日志信息管理页面也能够有相似的操作。利用like模糊查询,详细代码如下。

programmeQuery.createCriteria().andProgramUserIdEqualTo(Long.valueOf(userId));
            //如果传入的参数存在日程类型,加入筛选条件
            if(StringUtils.isNotBlank(programmeType)){
                programmeQuery.createCriteria().andProgramTypeIdEqualTo(Integer.valueOf(programmeType));
            }
            //如果传入的参数存在关键字,加入筛选条件
            if(StringUtils.isNotBlank(key)){
                programmeQuery.createCriteria().andContentLike(key);
            }

上面的是在对query拼装的过程,这里是对传入参数作判断。这种做法能够减少代码量,避免代码冗余。

List<ProgrammeDO> programmeList = programmeManager.selectByQuery(programmeQuery);

本系统中使用的是mybatis作为数据库连接的工具,简单的来说实现步骤是:经过controller 再经过service 然后执行service中的相关方法并关联到mapper 再执行mapper.xml中的sql语句。

五、系统运行测试

通过前期的系统功能需求分析,完成了数据库的设计和数据表的创建,同时针对不同模块完善了模块功能,基本完成了计划停电管理系统的软件开发,在产品正式投入使用之前,还需进行软件运行测试,应尽可能多的找到系统中存在的错误和缺陷,为最终用户提供一个高质量,稳定性好的产品。在实际操作过程中,让其在不同硬件的客户端及网络中进行测试,结合续需求分析检验系统的功能是否正常,在测试中不断完善,提高系统可靠性。

5.1 用户管理模块系统测试

5.1.1 登录界面运行测试

登录测试是各类用户登录到本系统,软件提供了登录和注册、修改登录密码功能。用户登陆测试的操作过程如表5.1所示。

表5.1 登录测试用例表

实例名称用户登录
描述通过登录页面,系统中不同用户的管理权限设置不同,进入界面不同。在登录前可以注册和修改密码。
测试方法查看系统登录是否有错、以及出错后是否显示相关提示,使用不同的登录方法进行登录,从而进行验证测试。
测试方法用正确用户名密码登录;用错误用户名登录;用错误密码登录;修改用户名登录;注册用户名登录。
输入使用用户名Karry 密码111111登录;;使用用户名karry 密码111111登录;;使用用户名Karry 密码11s1登录;;更改用户Karry 的密码为111进行登录;;注册用户Candy 密码为111111进行登录;
结果预想测试身份验证成功,进入系统界面;;测试显示“用户不存在”,确认后返回登录界面;;测试显示“用户密码错误”,确认后返回登录界面;;测试显示密码修改成功;;显示注册用户成功,并跳转至登录界面;
结论测试结果符合预期内容,测试成功。

1.当用户名输入错误时,无法登录系统,显示“用户不存在”。如图5.1所示。

图5.1“用户不存在”登陆界面

2.当密码输入错误时,无法登录系统,显示 “用户密码错误”。如图5.2所示。

图5.2“用户密码错误”登陆界面

5.1.2 用户信息管理界面运行测试

信息管理主要针对管理员用户,是管理员维护系统安全和更改用户权限最直接有效的途径,因为用户信息管理涉及到整个系统中的用户能否正确运行本系统,所以在对管理员登陆时需要严格判断。信息管理测试的操作过程如表5.2所示。

表5.2 信息管理测试用例表

实例名称管理员对用户信息进行管理
描述管理员能成功更改用户信息,非管理员用户不能显示用户管理页面。
测试方法分别使用不同权限用户登录,观察能否查看到所有用户信息。
输入使用用户名admin 密码admin登录;;使用用户名Karry 密码1111111登录;
结果预想进入系统选择用户管理模块,可对选择用户信息进行更改;;当非管理员用户无法进入用户管理界面,更不可操作;
结论测试结果符合预期内容,测试成功。

获取管理员用户权限后,即可更改用户信息如下图5.3所示。

图5.3“用户信息管理”界面

当非管理员用户进入首页,在左侧的导航页面会显示用户管理的页面,如果普通用户登录,在首页的导航栏没有该页面选项。

5.2 日程管理模块系统测试

系统测试之前,主要是在软件的集成中,对程序内部结构中着重在于结构中各模块之间的连接是否符合要求来进行测试。测试时注意程序各模块单元、在模块的接口连接中能否谐调配合工作。测试系统主要的一些业务功能和模块间的连接,从测试结果看系统各接口连接正常,模块间能进行工作,测试成功。

5.2.1 用户日程操作界面运行测试

本功能是系统中核心的功能点,其中的操作包括:用户如果有日程安排,需要根据需求添加日程,如果日程有改动,用户可以对已经添加的日程进行修改。已经添加的日程如果取消可以进行主动删除。

日程管理操作测试的操作过程如表5.3所示。

表5.3 日程信息管理测试用例表

实例名称日程操作功能
描述当前用户根据需求对日程进行操作。
测试目的添加日程,对日程信息管理。
输入根据前端页面现实的信息,用户按照要求添加日程信息。
结果预想确认添加保存之后,信息成功录入。
其他操作删除或者修改,点击操作按钮,系统做出响应。
结论测试结果符合预期内容,测试成功。

测试步骤:

  1. 新添加日程,对已添加的日程金心信息管理;

  2. 查看所有日程信息;

  3. 对日程信息管理。

5.2.2 用户日志管理界面运行测试

为了帮助用户更好的提升工作效率和合理安排时间,系统扩展了日志的功能,日志管理的功能是为了记录用户的工作,类似于工作总结,或者是用户其他的活动之后的内容记录,和日程的信息管理相辅相成。日志管理操作测试的操作过程如表5.4所示。

表5.4 日志信息管理测试用例表

实例名称日志管理操作
描述用户在每一天完成工作或者某项活动之后,可以做一个工作总结、活动感受等等
测试目的日志信息管理
输入添加的时候需要添加日志的信息;其他功能不需要输入信息
结果预想点击操作按钮,系统做出响应。
结论测试结果符合预期内容,测试成功。

测试步骤:

  1. 添加日志信息、或者是修改日志信息,增加信息。

  2. 进入管理界面。

  3. 日志信息新增或者是被修改、删除。

  4. 日志信息管理界面如图 5.4所示。

图5.4 “日志信息”管理界面

5.2.3 提醒功能界面测试

在用户成功登录本系统之后,系统监测当前用户的所有日程,根据已经添加日程的时间,对日程监控。设置计时器,当日程在发生时间的前30分钟会有一个消息提醒,提醒用户将要准备的的事件。日程提醒测试的操作过程如表5.5所示。

表5.5 日程提醒测试用例表

实例名称日程提醒功能
描述监控当前用户的所有日程信息,在日程将要发生的前30分钟会有消息提醒
测试目的系统对用户的添加日程的提醒
输入无需输入,用户成功登陆并且添加了一条日程记录
结果预想成功提醒
结论测试结果符合预期内容,测试成功

测试步骤。

  1. 用户成功登录本系统;

  2. 后台查询到当前用户的所有日程信息;

  3. 等待日程时间。

  4. 成功提醒。

5.3 查询模块系统测试

对于本系统,用户可以在日程信息管理界面或者日志信息管理界面看到多项筛选条件。管理页面默认展示给用户的是该用户添加过的所有日程信息,如果信息众多,想要翻页浏览查询就很痛苦,所以查询模块可以让用户添加一些筛选条件进行筛选:例如在搜索框中输入关键字,查询就会在内容中匹配;或者选择日程类型,筛选出所有该类型的日程;也可以根据时间搜索查询。给用户提供更加强的信息搜索体验。查询管理模块测试操作过程如表5.6所示。

表5.6 查询管理模块测试用例表

实例名称信息查询管理
描述输入关键字、匹配类型、根据时间筛选
测试目的多项筛选条件拼接,更精确地搜索出目的信息
输入内容的关键字(日程信息);;标题的关键字(日志信息);;选择类型;;选择时间;;不同搜索条件之间的搭配组合搜索;
结果预想反馈符合要求的相关记录。
结论测试结果符合预期内容,测试成功

测试步骤如下:

  1. 检查是否选择正确的查询方式。

  2. 若查询方式正确,在检索框输入需要查询的关键字。

  3. 显示查询记录

  4. 没有对应的记录返回为空。

日程、日志信息记录查询成功界面,如下图5.5所示。

图5.5 “日程、日志信息查询成功”界面

信息记录查询数据为空时界面,如下图5.6所示。

图5.6 “信息记录数据为空”界面

六、结论

6.1 总结

基于Java的日程管理系统将我大学前三年的所学到的软件开发知识独立运用到了实际的开发中去,对于理论知识有了更深层次的理解,也锻炼了自己的动手能力。为了做好本次的毕业设计,动手之前,查阅了很多关于日程管理的相关流程和思想,确定了开发语言之后,将之前看过的相关Java书籍知识点简单回顾,并且新翻阅了一些关于Java Web开发的书籍。结合自己之前的开发经验,设计开发出这套日程管理系统。在此之前的几个学期,期末也有相关的软件开发任务,但是由于自己不够认真的原因,并没有积累很多经验,在本次的开过程中,全程都是需要自己动手开发,不会的问题需要查阅相关资料,说明平时的基本功很重要,往后的工作中一定吸取教训,认真对待每一个任务,只有好好积累经验才能更好完成工作。

本次的开发过程中,使用的是spring-boot,相比较其他的框架来说,这是属于比较新的后端框架,相当于一些库的合集。过去使用的spring+springMVC+Mybatis框架,也就是常说的SSM。Spring-boot直接整合了这些常用的框架,需要使用的东西,直接在配置文件中添加配置就可以,而spring-boot开发团队的初衷就是避免繁杂的配置项,让开发更加简单。这也是我选择次框架的目的。

对于本次的开发,收获还是蛮大的。从接到毕设任务之后开始,就对题目开始查询资料,对题目进行分析,需求分析,功能设计。在进行数据库设计,经常用的Mysql数据库,简单免费并且功能强大。再到编码阶段,不断完善。个人来说,锻炼了自己的动手能力,锻炼了独立思考和解决问题的能力,对之前所学到的理论知识在实践中得到了巩固。

日程管理对于个人的日程管理效率提升上有很大的帮助。由于本次的开发时间和本人的技术限制,还是存在很多的不足之处,很多的功能还是需要改进的,需要做更进一步的需求分析和调查,更加深入的完善。目前日程管理系统是一个很常见的软件,大致公司的管理系统,小致我们的智能手机,都有这些功能。总之,好的软件总是需要慢慢迭代,不断进步才能够满足用户的需求

♻️ 资源

在这里插入图片描述

大小: 11.0MB
➡️ 资源下载:https://download.csdn.net/download/s1t16/87354152

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/410302.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HTML小图标的使用(无需下载图标源码)

我们在浏览一个网页中&#xff0c;会遇到很多有趣的小图标&#xff0c;这些小图标与访问者形成了友好的互动&#xff0c;所以我们在开发中都会适当插入一些生动有趣的图标来吸引访问者。插入图标的网站有很多&#xff0c;我这里以阿里巴巴图标库&#xff08;iconfont-阿里巴巴矢…

Div标签里放img和span标签实现垂直水平居中

正常默认布局 代码实现&#xff1a; <div style"width: 400px; height:400px; background-color:blueviolet"><img style"width: 80px; height: 80px;" src"./picture.png"><span style"color:white;">我是span标…

Vue3 使用MD5加密(清晰明了)

概述 最近在想做个cloud项目,gitee上找了个模板项目&#xff0c;前端使用到vue3 typeScript、Element Plus、Vue Router、Pinia、Axios、i18n、Vite等技术&#xff0c;最近使用到vue3 MD5加密&#xff0c;顺便学习一下&#xff0c;在此总结一下&#xff0c;若有不足之处&…

《EDA前端软件开发工程师面试指南》

2023届EDA领域校招总结&#xff0c;完结撒花&#xff01;&#xff01;&#xff01; 目录 前言 一、EDA公司介绍 二、项目面试 1.自我介绍 2.项目深入 3.专业经验 4.成果和技能 5.对面试官有什么问题 三、C面试 1、高频考点 2、其他知识点 3、算法题 四、逻辑综合面…

【前端代码实例】使用HTML5+CSS3+JavaScript制作一个响应式的后台管理系统~带侧边导航栏仪表盘功能

bilibili在线视频演示地址: 【前端代码实例】使用HTML5+CSS3+JavaScript制作一个响应式的后台管理系统~带侧边导航栏仪表盘功能 效果图: 完整代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta…

前端已死?后端已亡?弯弯绕绕,几分真几分假

前段时间&#xff0c;我在掘金分享了一篇GPT-4 性能文章&#xff0c;也许是过于强大带来的威胁性&#xff0c;引来评论区的排队哀嚎&#xff08;如下图&#xff09;&#xff0c;所以“前端已死&#xff0c;后端已亡”这个概念真的成立吗&#xff1f;本文着重探讨前端。 前端和后…

Seurat | 强烈建议收藏的单细胞分析标准流程(基础质控与过滤)(一)

1. 写在前面 作为现在最火的scRNAseq分析包&#xff0c;Seurat当之无愧。&#x1f618; 本期开始我们介绍一下Seurat包的用法&#xff0c;先从基础质控和过滤开始吧。&#x1f973; 2.用到的包 rm(list ls()) library(Seurat) library(tidyverse) library(SingleR) library…

钉钉消息防撤回功能研究与实现-可查看历史消息[文件/图文/管理员/链接 撤回拦截]

研究背景 由于在某个大学进行上课的时候,遇到的某个老师,总是习惯发过的消息,到第二天的时候撤回,我们用聊天工具的其中一个原因,不就是因为可以随时去查看发过的消息吗&#xff0c;&#xff0c;而这位老师的操作,也让包括我在内的很多人感到痛不欲生。 想一想,当自己想要去看下…

Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found

Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错 背景 我在一个小demo中实现还是好好的&#xff0c;并且用的依赖都是6.x版本的…

初入了解——什么是VUE

个人简介&#xff1a;云计算网络运维专业人员&#xff0c;了解运维知识&#xff0c;掌握TCP/IP协议&#xff0c;每天分享网络运维知识与技能。座右铭&#xff1a;海不辞水&#xff0c;故能成其大&#xff1b;山不辞石&#xff0c;故能成其高。个人主页&#xff1a;小李会科技的…

vue3+ts项目里如何使用状态管理pinia以及数据持久化

我们都知道在vue2项目里搭配状态管理vuex3XX使用&#xff0c;效果极好的。 虽然在vue3项目里&#xff0c;vuex4XX仍能发挥余热&#xff0c;但由于缺乏对于ts的支持&#xff0c;使得类型推断陷入僵局。 所以在vue3ts的项目里&#xff0c;vuex渐被舍弃&#xff0c;pinia取而代之…

微信小程序入门教程 --(保姆级)

一、小程序注册 1、首先&#xff0c;到小程序官网注册自己的小程序账号&#xff0c;以下附有地址和教程&#xff1a; 小程序官网 进入这个地址之后&#xff0c;会看到这样的页面&#xff0c;点击立即注册按钮 2、在接下来的页面&#xff0c;选择小程序 3、然后根据提示完成三…

Web基础 HTML标签 六种超链接标签的使用方式

超链接标签&#xff08;重点&#xff09; 1、链接的语法格式&#xff1a; <a href"跳转目标链接" target"目标窗口的弹出方式"> 文本或图像 </a><a>标签里的a是单词anchor的的缩写&#xff0c;意为:锚。 两个属性的作用如下&#xff…

【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用

&#x1f41a; 作者: 阿伟 &#x1f482; 个人主页: Flyme awei &#x1f40b; 希望大家多多支持&#x1f618;一起进步呀&#xff01; &#x1f4ac; 文章对你有帮助&#x1f449;关注✨点赞&#x1f44d;收藏&#x1f4c2; JavaScript数组的使用 文章目录JavaScript数组的使用…

【Vue2从入门到精通】详解Vue数据双向绑定原理及手动实现双向绑定

文章目录✨什么是数据双向绑定✨数据双向绑定的原理✨Vue数据双向绑定原理✨实现数据双向绑定的步骤✨手动实现自定义组件的双向绑定的步骤✨写在最后✨什么是数据双向绑定 我们先从单向绑定切入单向绑定非常简单&#xff0c;就是把Model绑定到View。 什么是双向绑定呢&#…

基于pytorch+Resnet101加GPT搭建AI玩王者荣耀

本源码模型主要用了SamLynnEvans Transformer 的源码的解码部分。以及pytorch自带的预训练模型"resnet101-5d3b4d8f.pth"本资源整理自网络&#xff0c;源地址&#xff1a;https://github.com/FengQuanLi/ResnetGPT注意运行本代码需要注意以下几点 注意&#xff01;&a…

【Unity】Button基础-按钮更换图片样式

话说&#xff0c;今天修改了一下项目中的内容&#xff0c;发现按钮不怎么好看&#xff0c;想用图片的方式改一改&#xff0c;然后点开Button&#xff0c;忽然发现好多内容都忘记了。。。 Transition&#xff08;过渡方式&#xff09;&#xff1a;按钮在状态改变时自身的过渡方式…

P2E游戏《西游降魔》站在元宇宙风口 打造高效、完整且可持续的GameFi2.0体系

引言&#xff1a;当人类大步迈入元宇宙时代&#xff0c;链上P2E游戏《西游降魔》正与元宇宙生态相伴相生&#xff0c;带领人们开启Play to Earn的变革之旅。 区块链结合游戏组成新的 GameFi 赛道&#xff0c;在 2021 年迎来爆炸式增长。各大公链如&#xff1a;ETH、BSC、OKCha…

【蓝桥杯】X进制减法、贪心思想、小白专用

问题描述&#xff1a; 解题分析&#xff1a; 首先要搞明白 X 进制与 十 进制是如何转换的&#xff0c;以 X 进制321为例 题中说明&#xff0c;3 的进制为8&#xff0c;2的进制为10&#xff0c;1的进制为2 那么开始计算&#xff1a; 1就代表一个1 2的话是十进制&#xff0c…

【论文精读】COLING 2020 -带有对偶关系图注意力网络的事件检测模型

【论文精读】COLING 2020 -带有对偶关系图注意力网络的事件检测模型 【论文原文】&#xff1a;Event Detection with Dual Relational Graph Attention Networks 【作者信息】&#xff1a;Jiaxin Mi and Po Hu and Peng Li 论文&#xff1a;https://aclanthology.org/2022.c…