基于HTML5的Web App的研究与实现
发布时间：2021-10-26 19:06
如果说上个世纪是桌面程序的时代,那么本世纪无疑将会是网络程序的时代。网络程序也可称为Web程序、Web App等。传统网站的主要目的是提供信息服务,重在内容,程序一般比较简单,尤其是没有什么复杂的关于业务方面的操作,可以看成是一个内容丰富的电子报纸,只不过在里面加入一些利于阅读的操作,例如翻页、加入链接等等功能。而Web App往往要更加复杂,需要结合数据库技术,完成需要的功能需求。本课题以服务相关人员进行可研评审工作为出发点,通过调研、考察、培训可研评审相关流程,并记录整理,分析得到需求分析。在技术层面,本课题对前端基础技术（HTML5+CSS3）、相关框架、Ajax技术、Web本地存储技术等进行了研究,并应用到项目实现。本课题的评审报告管理系统实现了文档上传、文档存储、文档结构化浏览、文档搜索、数据展示、标签/账户管理等功能,借助该系统,相关人员可以对评审报告文档进行存储、浏览、搜索、对比等操作,还能对近期导入文档、全部导入文档等的信息进行统计分析。本课题的主要实现目标是为企业相关人员提供便捷高效的自动化服务,利用计算机技术对评审报告进行批量化操作。
【文章来源】：华北电力大学(北京)北京市 211工程院校 教育部直属院校
【文章页数】：54 页
【学位级别】：硕士
【部分图文】：
3控制板页面
首先选择项目所属的标签，然后将项目的评审意见文档、投资估算文档、ｃｅｂ??文档上传到服务器。项目导入分为正常导入和手动导入情况。??正常导入如图５．５，依次选择评审意见、投资估算表、．ＣＥＢ文件中的“选择??文件”，然后选择相应的文件上传。当点击“选择文件”后会自动弹出提交文件。??注意：只有当“评审意见”上传成功后，才能进行“投资估算表”和“．ｃｅｂ文件”的上??传。??—?一?．??夺＋?■?Ｖ．＇?？?ｒ?－＊?☆自暑僉？?Ｓ??：．??ｔ：?Ｉ?类羽义抒名称璲作?大小?上抟遵度上转软态??ｗｍｓｉ?烟齡（■谢十开紋麵帥Ｓ?４＆ＫＢ?職?上传舰??ｊ?〇〇％?±ｍ＾３??ｍｉｓｓ■膽初??．ＣＣＢ文件?平台（］｝鄉幵紋Ｍ目ｃｅｂ．ｃｅｂ?３３６．５１Ｋ８?１００％?上传縱??纖?ｊ?，??
讓Ｉ??类?ａ?文?０名》?Ｓｆｔ?＊?小?ＪｒｆｔＳ？６?ｈ？？Ｓ??爾?＿??獅＊?：義??娜?卿??＾３，?Ｚ：ｉ??类别?文件名》?Ｓ作??ｉｒｅｓｗ??画＊??．嘯??．‘?．．．．???：．??图５．４项目导入页面??首先选择项目所属的标签，然后将项目的评审意见文档、投资估算文档、ｃｅｂ??文档上传到服务器。项目导入分为正常导入和手动导入情况。??正常导入如图５．５，依次选择评审意见、投资估算表、．ＣＥＢ文件中的“选择??文件”，然后选择相应的文件上传。当点击“选择文件”后会自动弹出提交文件。??注意：只有当“评审意见”上传成功后，才能进行“投资估算表”和“．ｃｅｂ文件”的上??传。??—?一?．??
【参考文献】：
期刊论文
[1]基于Bootstrap框架实现响应式布局[J]. 汪红宇,刘雄辉,乔波. 电脑与信息技术. 2017(05)
[2]高精度差分在高德地图上的多点实时定位[J]. 李庭威,王峰,汪进,夏佩,邱文添,龙保任,李学易. 电脑知识与技术. 2017(23)
[3]基于Bootstrap和SSH的求职招聘系统设计与实现[J]. 张子杰,庄育飞. 软件导刊. 2016(10)
[4]HTML5与CSS3的设计模式[J]. 白蕾,郭清菊. 智能计算机与应用. 2016(02)
[5]基于百度地图API的场强地图展示[J]. 张青青. 西部广播电视. 2016(03)
[6]利用Javascript DOM创建并优化网页图片库[J]. 吴瑕,唐权. 四川职业技术学院学报. 2015(06)
[7]浅谈浏览器兼容统一性问题与解决方案[J]. 王国庆. 电脑知识与技术. 2015(07)
[8]基于Bootstrap框架的动态表单设计与实现[J]. 谈华宇,吴昶成,邱小平. 无线互联科技. 2015(03)
[9]基于HTML5的网络地图研究与实现[J]. 岳鹏磊,李连民,李昌清,范伊红. 无线互联科技. 2015(02)
[10]Bootstrap在前端开发中的优势[J]. 高榕岭. 计算机光盘软件与应用. 2015(01)
硕士论文
[1]高邮湿地生态监测系统的设计与实现[D]. 吕传耀.南京大学 2016
[2]基于Bootstrap的蒙古族舞蹈推广交流平台的设计与实现[D]. 吕俊芳.吉林大学 2016
[3]C-SWAP授信撮合交易系统场务子系统的设计与实现[D]. 王一宁.哈尔滨工业大学 2016
[4]基于SVG的风电场SCADA系统Web客户端的设计与实现[D]. 蒋究.东南大学 2015
[5]Android App快速开发平台设计与实现[D]. 于珊.西安电子科技大学 2015
[6]基于HTML5的文档大纲分析器的设计与实现[D]. 常莹.吉林大学 2015
[7]Java智能教学辅助系统的设计与实现[D]. 武耀文.北京交通大学 2015
[8]基于jQuery的Web前端组件开发研究与应用[D]. 施人铜.东南大学 2015
[9]在线书籍阅读平台的设计与实现[D]. 徐楠.西安电子科技大学 2015
[10]HTML5本地存储和离线缓存机制应用研究[D]. 郑艳.武汉理工大学 2014
本文编号：3460041
【文章来源】：华北电力大学(北京)北京市 211工程院校 教育部直属院校
【文章页数】：54 页
【学位级别】：硕士
【部分图文】：
3控制板页面
首先选择项目所属的标签，然后将项目的评审意见文档、投资估算文档、ｃｅｂ??文档上传到服务器。项目导入分为正常导入和手动导入情况。??正常导入如图５．５，依次选择评审意见、投资估算表、．ＣＥＢ文件中的“选择??文件”，然后选择相应的文件上传。当点击“选择文件”后会自动弹出提交文件。??注意：只有当“评审意见”上传成功后，才能进行“投资估算表”和“．ｃｅｂ文件”的上??传。??—?一?．??夺＋?■?Ｖ．＇?？?ｒ?－＊?☆自暑僉？?Ｓ??：．??ｔ：?Ｉ?类羽义抒名称璲作?大小?上抟遵度上转软态??ｗｍｓｉ?烟齡（■谢十开紋麵帥Ｓ?４＆ＫＢ?職?上传舰??ｊ?〇〇％?±ｍ＾３??ｍｉｓｓ■膽初??．ＣＣＢ文件?平台（］｝鄉幵紋Ｍ目ｃｅｂ．ｃｅｂ?３３６．５１Ｋ８?１００％?上传縱??纖?ｊ?，??
讓Ｉ??类?ａ?文?０名》?Ｓｆｔ?＊?小?ＪｒｆｔＳ？６?ｈ？？Ｓ??爾?＿??獅＊?：義??娜?卿??＾３，?Ｚ：ｉ??类别?文件名》?Ｓ作??ｉｒｅｓｗ??画＊??．嘯??．‘?．．．．???：．??图５．４项目导入页面??首先选择项目所属的标签，然后将项目的评审意见文档、投资估算文档、ｃｅｂ??文档上传到服务器。项目导入分为正常导入和手动导入情况。??正常导入如图５．５，依次选择评审意见、投资估算表、．ＣＥＢ文件中的“选择??文件”，然后选择相应的文件上传。当点击“选择文件”后会自动弹出提交文件。??注意：只有当“评审意见”上传成功后，才能进行“投资估算表”和“．ｃｅｂ文件”的上??传。??—?一?．??
【参考文献】：
期刊论文
[1]基于Bootstrap框架实现响应式布局[J]. 汪红宇,刘雄辉,乔波. 电脑与信息技术. 2017(05)
[2]高精度差分在高德地图上的多点实时定位[J]. 李庭威,王峰,汪进,夏佩,邱文添,龙保任,李学易. 电脑知识与技术. 2017(23)
[3]基于Bootstrap和SSH的求职招聘系统设计与实现[J]. 张子杰,庄育飞. 软件导刊. 2016(10)
[4]HTML5与CSS3的设计模式[J]. 白蕾,郭清菊. 智能计算机与应用. 2016(02)
[5]基于百度地图API的场强地图展示[J]. 张青青. 西部广播电视. 2016(03)
[6]利用Javascript DOM创建并优化网页图片库[J]. 吴瑕,唐权. 四川职业技术学院学报. 2015(06)
[7]浅谈浏览器兼容统一性问题与解决方案[J]. 王国庆. 电脑知识与技术. 2015(07)
[8]基于Bootstrap框架的动态表单设计与实现[J]. 谈华宇,吴昶成,邱小平. 无线互联科技. 2015(03)
[9]基于HTML5的网络地图研究与实现[J]. 岳鹏磊,李连民,李昌清,范伊红. 无线互联科技. 2015(02)
[10]Bootstrap在前端开发中的优势[J]. 高榕岭. 计算机光盘软件与应用. 2015(01)
硕士论文
[1]高邮湿地生态监测系统的设计与实现[D]. 吕传耀.南京大学 2016
[2]基于Bootstrap的蒙古族舞蹈推广交流平台的设计与实现[D]. 吕俊芳.吉林大学 2016
[3]C-SWAP授信撮合交易系统场务子系统的设计与实现[D]. 王一宁.哈尔滨工业大学 2016
[4]基于SVG的风电场SCADA系统Web客户端的设计与实现[D]. 蒋究.东南大学 2015
[5]Android App快速开发平台设计与实现[D]. 于珊.西安电子科技大学 2015
[6]基于HTML5的文档大纲分析器的设计与实现[D]. 常莹.吉林大学 2015
[7]Java智能教学辅助系统的设计与实现[D]. 武耀文.北京交通大学 2015
[8]基于jQuery的Web前端组件开发研究与应用[D]. 施人铜.东南大学 2015
[9]在线书籍阅读平台的设计与实现[D]. 徐楠.西安电子科技大学 2015
[10]HTML5本地存储和离线缓存机制应用研究[D]. 郑艳.武汉理工大学 2014
本文编号：3460041
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/3460041.html
