@TOC
ssm752基于Java的通讯录管理系统的设计与实现+jsp
研究背景
自计算机发展以来给人们的生活带来了改变。第一代计算机为1946年美国设计，最开始用于复杂的科学计算，占地面积、开机时间要求都非常高，经过数十几的改变计算机技术才发展到今天。现如今已是电子时代、数据时代，所有的生活都离不开计算机和网络。工作中有各类办公软件、APP，娱乐中有各类游戏软件、视频软件等都为生活带来了便捷，特别是我国的手机支付功能更是领先世界。科技推动了时代的发展。现在人们办公大多已从传统的面对面办公转换到线上办公。线上办公拥有更大的优点，信息种类全、流程清晰、结果反馈快。由于传统办公需要亲力亲为，信息单一，需要多部门面对面共同配合而逐渐被加入线上办公方式。
现在，网络覆盖范围扩大，价格便宜，各大商户都开放的有无线网络。手机也得到了普及，计算机技术也深入到手机中。普通生活、娱乐等都可以在线上解决。线上已成为趋势，大部分的行业都可以在线上开通业务，通过线上为人们解决问题，改变面对面方式，提高工作效率以及减少时间浪费。
1.2课题现状与实现意义
现在网上办公管理平台使用率高的有企业办公软件、收银软件、会计软件以及各类国家性质的办公平台。对于通讯录管理来言，想要突破发展就需要加入线上平台，传统每天的待办事项需要自己记住或者记录到笔记本上或者记录到手机备忘录上。对于事务少的时候自己记住的方式非常有效，但对于事务多的时候这三种方式都做不到及时提醒和有效的安排。
本系统采用管理员对用户的模式，管理员利用本平台可以管理基础数据信息、用户信息、个人信息、待办事项信息、记事本信息、通讯录信息等。本系统可以帮助管理用户的通讯录、待办事项、记事本。用户可以随时浏览、查询要办理的事项信息，可以查询公告和通讯录等。本系统可以帮助用户安排每天的事务和跟踪结果，帮助管理员增加工作途径，减少时间费用。本基于Java的通讯录管理系统实现数据的自动化，减少管理员的工作内容并实现数据的清晰化。
1.3课题内容
本基于Java的通讯录管理系统使用角色可以分为用户、管理员。用户可以实现待办事项登记、通讯录管理、记事本管理等，管理员在收到用户的信息后可以修改、删除，以保证用户记录信息的准确性，还可以审核用户的资料。同时用户可以浏览公告。管理员同时可以管理公告信息、基础数据信息等。
1.4论文结构安排
本论文的结构安排为三部分，分别为：
（1）第一部分，
摘要，本部分为简单的阐述，使读者可以对本论文有大致的了解；
外文翻译，采用英语对摘要进行翻译；
目录，本部分可以使读者对本论文有详细的了解。
（2）第二部分为正文部分，
绪论，本章从课题开发的来源、现状来进行介绍，总结出本系统开发的意义以及内容等；
系统分析，本章包括语言、技术等的介绍以及系统的需求分析、可行性分析、流程分析等；
系统设计，本章包括系统的功能结构图、数据库设计等；
系统实现，本章采用系统运行截图加文字进行本系统的详细介绍；
系统测试，本章采用测试的方法进行主要核心功能的测试介绍；
（3）第三部分为总结、致谢、参考文献。
第2章 系统分析
2.1系统使用相关技术分析
2.1.1Java语言介绍
Java语言是一种分布式的简单的 开发语言，有很好的 特征，在安全方面、性能方面等。非常适合在Internet环境中使用，也是目前企业级运用中最常用的一个编程语言，具有很大的影响力。主要是通过面向对象的形式进行开发，这样的话，就更能满足人们的需求。在编程开发使用中，主要通过封装的方式，通过类来实现，具有很好的可编辑行和操作性，这就是面向对象语言的最大特性，还可以在同一个类中把共同特性的类封装起来，形成一个抽象类，抽象类形容的不是一个对象，而是一个实体，这样就使用过程中就可以进行实例化，达到更好的效果。类之间还可以进行继承，比如一个类可以把另个类的特征进行继承，这样就可以重复使用，所以说这种继承性的类实际上还是同一个类体，这样就可以达到最大的效果。通过java开发的代码还有很好的扩展性，可以通过不同的类达到的不同的效果，更好的提高使用效率，而且在后期维护方面非常的方便，开发的代码更加实用，更加简洁。
2.1.2Mysql数据库介绍
Mysql数据库是Oracle公司推出的一个数据库管理软件，有很好的性能设计，可以充分发挥和利用互联网的优势，而且在数据库管理方面非常的方便，支持图形化管理，非常适合新手的使用，可以直接在本地进行数据管理和配置，而且有很强大的数据处理能力，还有很好的安全性。在数据存储的过程中可以支持多处理器的存储结构，可以自动生产和处理sql语句，有很强大的数据读取和复制存储功能，最最重要的是一个开放式的数据软件，可以为开放人员提供一个很好的数据库管理平台。
2.1.3Tomcat服务器介绍
Tomcat服务器是一个小型的轻量级服务器，非常适合一些小型的系统和本地的服务器使用，特别适合一些新手开发者使用。Tomcat服务器主要是当成java程序的服务器使用，Tomcat服务器相当于就是Apache的一个扩展应用，区别就是他可以独立运行，当客户端上配置好Tomcat服务器以后，就可以直接通过服务器对HTML页面完成数据访问和响应。非常受程序员的喜欢，因为占用的运行空间非常的小时，不影响服务器性能，而且扩展性很好，支持很多开发过程中常用的功能，可以根据开发者的需求进行不断的改进和完善，所以说Tomcat服务器是目前使用非常广泛的一个服务器。
2.1.4VUE技术介绍
VUE技术属于渐进式的框架，VUE框架和其它框架最大的区别就是VUE框架是由下向上开发的技术。这种特点可以简化项目的开发，对于新手非常友好。VUE框架的核心在于图层，可以和其它的项目合并，也可以和其它的第三方平台合作使用。
2.1.5 SSM框架介绍
SSM框架技术在使用时非常简单，只要安装好SSM后，想要使用样式直接导入就行，不需要再自己重新建立。在选择好的样式里查看代码，然后把需要的代码复制到VUE里就可以直接使用，非常简单。SSM框架由Spring和SpringMVC、Mybatis组成。Spring负责粘合，把指定参数的实例化方法用到所需要的对象中，SpringMVC负责拦截，Mybatis负责封装。
2.2系统可行性分析
系统是否可行决定了系统开发的成功性。想要系统的设计工作不会白费就需要经过详细的系统可行性分析。根据充分调查和参考相关论文发现，系统的可行性分析一般包括系统的技术可行性分析、系统的经济可行性分析、系统的操作可行性分析三种。
2.2.1系统经济可行性分析
本系统是Web型的管理平台，采用的Java语言开发的，开发周期比较短，而且技术成熟，所以在开发过程中没有过高的投入要求，有很好的经济可行性。
2.2.2系统技术可行性分析
本系统采用的技术有VUE网页技术、Mysql数据库、B/s模式、Java语言等。
（1）通过VUE进行前台的页面开发，具有很好的稳定性，而且可以直接在线升级维护，可以更方便的实现数据管理，通过VUE的最大特征就是系统提前已经自动完成了很大不重要的简单工作，可以自动生成很多常规代码，这样减少很大的工作量。而且VUE技术非常成熟，可以参考的案例也非常多。
（2）数据库采用Mysql数据库，也是非常适合学生用的一款小型数据库，使用起来非常的简单，而且数据处理效率高。
（3）采用B/s模式的网站已经是目前的开发主流，也是未来的发展方向。
（4）采用Java语言进行后台代码的开发，是面向对象的开发语言，可以直接查看和调用已用的案例，可以直接调用XML服务，而且兼容性非常的强，不管是哪个平台，都可以直接调用，而且是通用的，可以提高开发者的工作效率，而且有很好的灵活性，使用起来非常的方便。
所以通过以上几点的分析，开发人员只要能熟练的操作以上的技术就行，具有开发技术可行性。
2.2.3系统操作可行性分析
因为本系统是采用B/s的架构模式进行开发的，所以只有安装的有浏览器和数据库服务器就可以进行系统的访问的使用。而且非常的简单易操作，普通用户只需要有最简单的互联网操作经验就行。
2.3系统需求分析
现在网上管理系统的技术发展已经非常成熟，各大公司的使用率也非常可观，特别是在一些重要的行业里使用率更高。基于Java的通讯录管理系统可以方便用户更快的解决自己的问题，并且售后升级维护非常简单。现在通讯录管理里也会采用线上、线下相结合的方式进行工作，各部门的资料可以共享调用，工作内容可以在线发布，非常适合现代生活。基于Java的通讯录管理系统是时代的趋势，其需求性不言而喻。
2.3.1传统管理系统优缺点分析
在最早出现的管理系统中主要使用人为工作人员，这类管理系统主要是采用C/s模式，这种模式可以保证数据的安全和存储性，数据库采用的也都是复杂、高性能的数据库，这类管理系统需要使用人员经过定期的培训才可以使用。随着网络的快速发展，这类管理系统的缺点也逐渐暴露出来，由于采用C/s模式就必须要求固定的客户端，这就需要足够严格的客户端条件，一旦客户端出现问题，系统里的数据都会出现问题，稳定性差，而且C/s模式的系统最大的问题是不能多次修改，如果系统经过了多次的补充、修改就会造成运行出错，为系统的使用造成不便。传统的管理系统通常采用的是脚本语言，脚本语言不够成熟，更容易出错，造成使用人员的损失。
2.3.2本基于Java的通讯录管理系统分析
通过对传统管理系统的分析发现主要问题在于系统的模式架构上和数据库上。想要数据更为稳定就需要更稳定的数据库，好的数据库可以保证系统拥有更大的容错率和移植性，也可以在多种数据库中进行相互结合以此来保证系统里数据的安全。同时还需要注意系统的延续性，时代不断的发展，就会要求系统的服务更加的完善。想要使系统的生命周期更长就需要更为成熟的开发语言、技术、环境等。
本基于Java的通讯录管理系统采用的模式架构为B/s，B/s框架可以脱离固定的客户端，把系统部署到浏览器上供用户使用，还可以把功能进行模块划分使数据库和操作界面分开，这样可以实现当任何一方出现问题时，另一方不受影响。数据库采用Mysql，Mysql数据库可以单独运行，当用户在进行操作后可自动保存操作后的数据，改变需要去数据库里修改数据的问题。开发语言采用Java，Java语言为动态语言，使用时间长久，已发展的非常成熟。本系统的其它技术包括Eclipse运行软件，VUE网页技术，Html技术等都是经过时间考验的。
2.4系统功能分析
本人参考大量的办公管理软件以及充分调查用户和管理员需求，设计出的本基于Java的通讯录管理系统使用角色为用户、管理员。框架界面分为用户操作界面、管理员操作界面。用户的功能设计为个人信息修改、密码重置、公告管理、记事本管理、通讯录管理、待办事项管理，管理员的功能设计为用户信息更新、管理员账号设置和密码重置、公告发布、记事本管理、通讯录设置、待办事项记录、用户管理、基础数据管理。
2.5系统性能分析
在系统分析中还有重要的一点就是系统的性能分析，除却系统的功能分析其它问题都可以划分到系统的性能分析。主要包括系统数据问题、系统运行问题、系统安全问题。
- 系统数据问题表现在数据库的设计中，因为基于Java的通讯录管理系统的核心在于各类信息的管理，在统计信息操作中会引起多种数据的变化。想要数据在变化时不会出错就需要在数据库设计时注意不同数据字段、类型等的主外键联系；
- 系统的运行问题表现在多平台、多人在运行系统时的稳定性。系统的运行速度也需要注意，运行的卡顿、读码速度等都需要经过多次测试；
- 系统的安全性问题表现在不同角色的使用权限，用户做为普通人员的角色不能越权，管理员做为权限最多的角色要可以管理其它几种角色。
2.6用例图
根据功能分析得出，本系统的主要使用角色为管理员和用户。用户可以查看待办事项、记录记事本、通讯录、浏览公告等。管理员可以管理管理员信息、用户的资料、管理基础数据、通讯录、待办事项信息等。系统管理员用例图如下图2-1所示：
图2-1基于Java的通讯录管理系统管理员用例图
用户用例图如下图2-2所示：
图2-2基于Java的通讯录管理系统用户用例图
2.7系统业务流程
业务流程可以按照用户使用本系统的步骤进行设计。本系统中用户的流程为管理待办事项、记事本、通讯录、个人资料信息、浏览公告。管理员的流程为管理用户信息、管理员信息、管理通讯录信息、待办事项信息、记事本信息等。基于Java的通讯录管理系统的业务流程如下图2-3所示：
图2-3基于Java的通讯录管理系统业务流程图
（1）用户登录是使用本系统的必经之路，在登录时需要输入信息、判断信息。用户登录的流程图如下图2-4所示：
图2-4用户登录的流程图
（2）用户添加通讯录时需要判断填写的信息是否正确，当填写的信息都为正确时才可以把通讯录添加成功。用户添加通讯录流程图如下图2-5所示：
图2-5用户添加通讯录流程图
第3章 系统设计
3.1系统体系结构
系统的体系结构非常重要，往往决定了系统的质量和生命周期。针对不同的系统可以采用不同的系统体系结构。本系统为基于Java的通讯录管理系统，属于开放式的平台，所以在体系结构中采用B/s。B/s结构抛弃了固定客户端要求，采用服务器、客户端的模式。用户操作界面和管理员操作界面分开展示。B/s结构基于互联网，需要网络的支持，由用户在浏览器上发布命令，服务器负责向数据库传送命令，最后再由服务器把反馈的结果传回浏览器给用户进行呈现。
3.2系统功能结构
系统的功能结构是系统实现的框架，本系统的主要结构为管理员和用户。管理员的功能为个人中心管理、用户管理、基础数据信息管理、通讯录信息管理、记事本信息管理、待办事项信息管理等。用户的功能为个人中心管理、公告信息管理、通讯录管理和待办事项信息管理等。本基于Java的通讯录管理系统功能结构图如下图3-1所示：
图3-1基于Java的通讯录管理系统功能结构图
3.3数据库设计
数据库设计在系统设计中占有重大比例，数据库的设计包括ER图设计和数据库表设计。
3.3.1ER图设计
根据本系统的特点，本系统设计的主要实体包括管理员信息、用户信息、通讯录信息、待办事项信息、记事本信息等。
- 管理员ER图包括的属性有管理员的编号、用户名和密码。管理员ER图如下图3-2所示：
图3-2管理员实体的ER图
- 通讯录信息包含的属性为通讯录的详细描述，有编号、用户姓名、手机号等。通讯录信息ER图如下图3-3所示：
图3-3通讯录信息实体ER图
（3）用户信息的属性包括用户的个人资料，有姓名、性别、电话等。用户信息实体ER图如下图3-4所示：
图3-4用户实体ER图
（4）待办事项信息实体的属性有编号、用户姓名等。待办事项信息实体ER图如下图3-5所示：
图3-5待办事项信息实体ER图
（7）本基于Java的通讯录管理系统的整体实体关系图如下图3-6所示：
图3-6系统关系ER图
3.3.2数据库表设计
根据数据ER图的设计，本系统的数据库表有管理员信息表、用户信息表、待办事项信息表、通讯录信息表等。本系统的数据库表如下图3-1至3-9所示：
表3-1 config
表3-2 daibanshixiang
表3-3 dictionary
表3-4 gonggao
表3-5 jishiben
表3-6 token
表3-7 tongxunlu
表3-8 users
表3-9 yonghu
第4章 系统实现
4.1系统调试运行
在电脑上安装Eclpse软件和Mysql软件后，先打开Mysql软件，运行数据库。数据库运行成功后可以看到本系统所创建的所有数据库表。然后打开Eclipse软件，在打开本系统的源码后可以进行运行，运行成功后可以出现系统登录的界面。系统调试运行界面如下图4-1所示：
图4-1系统运行调试界面
4.2登录功能的界面实现
系统运行调试后，需要登录。登录界面设计的目的是保证当前的使用角色等级。管理员同样需要登录后才可以进行操作。在登录界面里加入了权限的选择，在登录时只需要填写用户账号和密码、选择权限就可以实现。用户登录的运行界面如下图4-2所示：
图4-2用户登录的运行界面
在登录的界面中包含的元素有系统题目、输入框、登录按钮、选择框。本系统的使用权限为管理员和用户。权限选择框的运行界面如下图4-3所示：
图4-3权限选择框运行界面
4.3管理员功能的设计实现
4.3.1用户信息管理功能的实现界面
用户的信息可由管理员审核，用户的资料由注册时形成。本功能设计的目的是查询和审核用户的资料，当发现不当的使用用户可以删除其账号。当删除用户信息后相对应的用户信息表里的信息也会随着删除掉。查询用户信息功能的运行界面如下图4-4所示：
图4-4查询用户信息功能的运行界面
4.3.2 个人中心管理功能的实现界面
个人中心管理的内容包括修改密码和个人信息的修改。本系统中可以拥有多个管理员。个人中心管理功能的运行界面如下图4-5所示：
图4-5个人中心管理功能的运行界面
4.3.3公告管理功能的实现界面
用户浏览的公告都是由管理员在此功能里进行维护添加的，同样当管理员添加、编辑公告信息后，数据库表中的公告信息表也会发生改变。公告信息管理功能的运行界面如下图4-6所示：
图4-6公告信息管理功能的运行界面
在添加公告信息时可以取消和提交。发布新公告的运行界面如下图4-7所示：
图4-7发布新公告的运行界面
4.3.4 基础数据管理功能的实现界面
管理员可以设置记事本类型、待办事项类型、通讯录类型。类型的编号不能为空。设置记事本类型功能的运行界面如下图4-8所示：
图4-8设置记事本类型运行界面
输入待办事项类型可以查询待办事项。待办事项类型查询运行界面如下图4-9所示：
图4-9待办事项类型查询的运行界面展示
4.3.5记事本管理功能的实现界面
管理员可以记录日常事务，并查询其它用户发布的记事本信息和进行必要的修改、删除。查询记事本信息功能的实现界面如下图4-10所示：
图4-10查询记事本信息功能的实现界面
4.3.6通讯录管理功能的实现界面
管理员可以设置通讯录信息，也可以看到其它用户设置的通讯录信息。管理员查询通讯录信息的实现界面如下图4-11所示：
图4-11管理员查询通讯录的实现界面
4.3.7待办事项管理功能的实现界面
管理员可以查询和修改、删除、编辑待办事项。查询待办事项信息的实现界面如下图4-12所示：
图4-12查询待办事项信息的实现界面
4.4用户角色功能的界面实现
4.4.1日常安排管理功能的界面实现
用户可以查询日常安排详情，也可以输入日常安排标题进行日常安排信息的查询，还要以发布新的日常安排信息，用户发布日常安排信息功能的运行界面如下图4-12所示：
图4-12用户发布新日常安排信息功能的运行界面
4.4.2记事本管理功能的实现界面
用户可以查询记事本的内容也可以设置新的记事本信息。查询记事本信息功能的运行界面如下图4-13所示：
图4-13查询记事本信息功能的运行界面
4.4.3个人资料管理功能的实现界面
用户可以修改个人的资料，可以使个人的资料更准确。修改个人资料的实现界面如下图4-14所示：
图4-14修改个人资料的功能实现界面
4.4.4通讯录管理功能的界面实现
用户可以查询自己的通讯录并登记新的登记录。添加通讯录功能的实现界面如下图4-15所示：
图4-15添加通讯录功能的实现界面
4.4.5待办事项管理功能的实现界面
用户在系统中可以记录待办事项，添加待办事项功能的实现界面如下图4-16所示：
图4-16添加待办事项功能的实现界面
4.4.6公告管理功能的实现界面
用户可以浏览公告内容，实现界面如下图4-17所示：
图4-17浏览公告信息的实现界面
第5章 系统测试
系统测试的方
TongxunluServiceImpl.java
package com.service.impl;
import com.utils.StringUtil;
import org.springframework.stereotype.Service;
import java.lang.reflect.Field;
import java.util.*;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import org.springframework.transaction.annotation.Transactional;
import com.utils.PageUtils;
import com.utils.Query;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import com.dao.TongxunluDao;
import com.entity.TongxunluEntity;
import com.service.TongxunluService;
import com.entity.view.TongxunluView;
/**
* 通讯录 服务实现类
*/
@Service("tongxunluService")
@Transactional
public class TongxunluServiceImpl extends ServiceImpl<TongxunluDao, TongxunluEntity> implements TongxunluService {
@Override
public PageUtils queryPage(Map<String,Object> params) {
if(params != null && (params.get("limit") == null || params.get("page") == null)){
params.put("page","1");
params.put("limit","10");
}
Page<TongxunluView> page =new Query<TongxunluView>(params).getPage();
page.setRecords(baseMapper.selectListView(page,params));
return new PageUtils(page);
}
}
CommonUtil.java
package com.utils;
import java.util.Random;
public class CommonUtil {
/**
* 获取随机字符串
*
* @param num
* @return
*/
public static String getRandomString(Integer num) {
String base = "abcdefghijklmnopqrstuvwxyz0123456789";
Random random = new Random();
StringBuffer sb = new StringBuffer();
for (int i = 0; i < num; i++) {
int number = random.nextInt(base.length());
sb.append(base.charAt(number));
}
return sb.toString();
}
}
ConfigServiceImpl.java
package com.service.impl;
import java.util.Map;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.dao.ConfigDao;
import com.entity.ConfigEntity;
import com.service.ConfigService;
import com.utils.PageUtils;
import com.utils.Query;
/**
* 系统用户
*/
@Service("configService")
public class ConfigServiceImpl extends ServiceImpl<ConfigDao, ConfigEntity> implements ConfigService {
@Override
public PageUtils queryPage(Map<String, Object> params) {
Page<ConfigEntity> page = this.selectPage(
new Query<ConfigEntity>(params).getPage(),
new EntityWrapper<ConfigEntity>()
);
return new PageUtils(page);
}
}
setMenu.js
function setMenu(){
$('#navUl').append("<li class=\"nav-item dropdown\"><a class=\"nav-link dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">个人中心</a><div class=\"dropdown-menu\"><a class=\"dropdown-item\" href="+baseUrl+"jsp/modules/center/updatePassword.jsp"+">修改密码</a><a id=\"myinfo\" class=\"dropdown-item\" href="+baseUrl+"jsp/modules/center/info.jsp"+">个人信息</a></div></li>")
var role = window.sessionStorage.getItem('role');
for(var i=0;i<menus.length;i++){
// 找到当前登录角色的菜单
if(menus[i].roleName == role){
var menu = menus[i].backMenu;
for(var j=0;j<menu.length;j++){
// 一级菜单
var menuItem = document.createElement('li');
menuItem.setAttribute('class','nav-item dropdown');
var itemHref = document.createElement('a');
itemHref.setAttribute("class","nav-link dropdown-toggle");
itemHref.setAttribute('data-toggle','dropdown');
itemHref.setAttribute('href','#');
itemHref.setAttribute("role","button");
itemHref.setAttribute("aria-haspopup","true");
itemHref.setAttribute("aria-expanded","false");
itemHref.innerHTML = menu[j].menu;
menuItem.appendChild(itemHref);
var menuChildDiv = document.createElement('div');
menuChildDiv.setAttribute('class','dropdown-menu');
var menuChild = menu[j].child;
var secondMenuName = "";
for(var k=0;k<menuChild.length;k++){
// 二级菜单
var menuChildHref = document.createElement('a');
menuChildHref.setAttribute("class","dropdown-item");
if(secondMenuName == menuChild[k].tableName && secondMenuName != ""){
var childHrefAttr = "${pageContext.request.contextPath}/jsp/modules/" + menuChild[k].tableName + "/graph.jsp" ;
}else{
var childHrefAttr = "" ;
if(menuChild[k].tableName.length>6 && menuChild[k].tableName.substr(0, 6)=="orders") {
//订单管理
var orderStatus = menuChild[k].tableName.substr(7);
childHrefAttr = "${pageContext.request.contextPath}/jsp/modules/orders/list.jsp?orderStatus="+orderStatus ;
}else {
childHrefAttr = "${pageContext.request.contextPath}/jsp/modules/" + menuChild[k].tableName + "/list.jsp" ;
}
secondMenuName = menuChild[k].tableName;
}
menuChildHref.setAttribute('href',childHrefAttr);
menuChildHref.innerHTML = menuChild[k].menu ;
menuChildDiv.appendChild(menuChildHref);
}
menuItem.appendChild(menuChildDiv);
$('#navUl').append(menuItem);
}
}
}
}
声明
本博客适用于广泛的学术和教育用途，包括但不限于个人学习、开发设计，产品设计。仅供学习参考，旨在为读者提供深入理解和学术研究的材料。
扫一扫
1929
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
