我需要一篇web前端类的毕业论文,文献求助.docx
我需要一篇web前端类的毕业论文,文献求助你好,根据你的需求,学术堂为你提供一篇web前端类的毕业论文(基于Web前端知识共享网站系统设计与实现,本文非原创,仅作为写作参考范例,不得用于其他用处。以下为部分内容展示,全文请自行到文章末尾下载! 题目:基于Web前端知识共享网站系统设计与实现 摘 要 本课题以前端知识共享为目的,为 web 前端开发工程师们以及诸多 web 前端知识的喜好者们提供一个 web 知识共享、经历体验总结沟通、疑难问题讨论、互帮互助的平台,设计与实现了一个网上 web 知识共享网站。通过 首页 , 笔记 , 话题 , 我的 等四个模块为前端知识喜好者提供好的服务,同时用户还能够在网站上发布笔记,内容是关于自个在编程经过中把握的小技巧、问题的解决方案或者自个整理的知识点,以供大家参考与讨论 .并且后台会为管理员提供便捷的管理界面,提供权限来管理用户,推荐适宜的笔记,设置首页轮播图片,发布话题等使网站首页内容更规范化。 对于本网站使用的技术方面,首先,当前的 web 前端技术人员,多多少少会学习JS.NodeJS 基于 JS 语言,它是运行在服务器端的 JavaScript,所以更适用于前端人员来搭建 web 服务器。其次,MySQL 数据库成本低,管理方便,符合本网站的数据库储备要求,再加以 CSS,AngularJS 等技术,使得网站愈加完善。 本文关键词语:web 前端 网站 Koa AngularJS Design and implementation of knowledge sharing website system based on Web Abstract This topic before the end of knowledge sharing for the purpose of Web front-end development engineer and many knowledge web front-end enthusiasts to provide a web knowledge sharing, experience exchange, problem discussion, mutual assistance platform,design and implement an online knowledge sharing website web. Through the home page , notes , topic , my four modules for front-end knowledge enthusiasts to provide good service,users can also release notes on the website, the content is the solution tips about his master in the process of programming problems or finishing their own knowledge for reference and discussion. And the background will provide a convenient management interface for administrator, provides access to the user management, recommend appropriate notes, setting home carousel pictures, released the topic that web page content more standardized. For the use of this website technology, first of all, web front-end technology at present,more will learn JS, NodeJS based on the JS language, it is running on the JavaScript server, so more suitable for designers to build web server. Secondly, the MySQL database is low cost,easy to manage, in line with the requirements of the site s database reserves, and then to CSS,AngularJS and other technologies, making the site more perfect. Key Words: Web front-end; website; Koa; AngularJS 目 录 1. 引言 1.1. 课题背景 1.2. 课题目的和意义 1.3. 论文布置 2. 关键技术 2.1. 概要 2.2. WebStorm 2.3. ,DIV,CSS 2.4. JavaScript 和 JQuery 2.5. Koa 2.5.1. Koa 简介 2.5.2. Koa 优点 2.6. MySQL 数据库 2.7. AngularJS 2.7.1. 概述 2.7.2. AngularJS 优点 3. 系统分析 3.1. web 前端知识共享网站功能简述 3.2. web 前端知识共享网站可行性研究 3.2.1. 技术可行性 3.2.2. 经济可行性 3.2.3. 操作可行性 3.3. web 前端知识共享网站功能需求分析 4. 系统设计 4.1. 数据库设计 4.1.1. 概述 4.1.2. 数据库需求分析和 E-R 图 4.1.3. 数据库构造设计 4.2. 功能模块构造设计 4.2.1 系统模块构造 4.1.2 网站模块功能设计 5. 系统实现 5.1. 主要模块实现及其界面呈现 5.1.1. 前台笔记模块 5.1.2. 话题模块 5.1.3. 个人信息模块 5.1.4. 后台管理员模块 6. 系统测试 6.1. 概述 6.1.1. 注册功能测试 6.2 碰到的问题及解决方案 6.2.1. 用户登录信息存储问题 6.2.2. 页面之间传值与取值 6.2.3. 评论问题 总结 以下为参考文献 致 谢 论文正文如下: 1. 引言 1.1. 课题背景 web 前端在近期几年逐步火起来,大家也乐于对此了解学习与讨论,而且随着互联网的迅速发展与广泛普及,web 前端开发工程师,正渐渐上升到技术水平。web 前端开发工程师,要实现网站提供的产品以及服务的 web 界面,编写出具有良好兼容性的页面代码。除此之外,前端技术不断发展,作为前端开发人员,也需要不断学习,与时俱进。 如今,web 前端工程师除了要熟悉前端和后端之间的交互设计,还要能够配合后台开发人员开发,实现产品界面和功能。所以前端开发人员要精通/X + CSS + JavaScript,还要熟悉 Ajax、DOM 等前端技术,并且能深切进入理解web 标准和标签语义化16.这需要前端工程师学习(5 和 CSS3 实例教程,(Bootstrap 实战等这些基本页面编码,(JavaScript 权威指南笔记进行评论,点赞与珍藏;4.介入热门话题的讨论;5.个人信息修改;6.发布笔记 3 管理员:1.登录与退出;2.个人信息维护;3.普通用户的管理;4.设置推荐笔记;5.设置首页;6.轮播的笔记;7.删除不符合规范的笔记 3.2.web 前端知识共享网站可行性研究 3.2.1. 技术可行性 web 前端知识共享网站模拟系统采用的技术为开源技术,这些技术能够在网上找到,并且使用起来非常方便。WebStorm 开发平台技术成熟,功能强大,非常合适 web 前端开发工程师进行编码;MySQL 是一个关系型数据库管理系统,它体积小,并且开放源码,管理简单,存储量大,数据高效传输,符合 web 前端知识共享网站的数据库;用NodeJS 搭建服务器方便快速,NodeJS 是运行在服务端的 JavaScript,开发人员能够只是用 javascript 就能够实现网站的前后台13; 技术加上 DIV+CSS,能够实现 web 前端知识共享网站的页面布局以及样式要求;JavaScript、AngularJS 是最好不过的页面数据处理以及实现用户交互的技术。综上,web 前端知识共享网站的开发在技术方面是可行的。 3.2.2. 经济可行性 本 web 前端知识共享网站的开发全程采用的是免费开源的的软件,这些软件能够到官网上进行下载安装,网上附有安装讲明文档,使用费用完全在个人承当范围之内。在硬件方面,计算机设备能够使用自个的笔记本,可以以使用学校的台式机,产生硬件设备费用能够忽略不计。开发经过所需的资料,可在学校图书馆或借阅书籍查询或在网上下载电子文档。综上,web 前端知识共享网站的开发在经济方面是可行的。 3.2.3. 操作可行性 本 web 前端知识共享网站以网站的形式进行展现,网站布局简洁,操作简单,用户只需进行鼠标点击和信息输入就能进行所需功能操作,并且网页上通过 js 添加很多智能提示,用户操作会有相应的信息提示。 综合所述,本 web 前端知识共享网站的开发是可行的。 3.3.web 前端知识共享网站功能需求分析 web 前端知识共享网站模拟系统所有用户角色分为游客、普通用户、管理员三种角色,他们所拥有的权限分别为: 1游客:阅读网站中的公开信息,例如笔记内容,其他用户信息等,或者注册新用户。 图 3-1 web 前端知识共享招网站游客用例图 2普通用户:登录与退出,阅读网站中其他用户发布的笔记,对某篇笔记进行点赞评论和珍藏,介入热门话题的讨论,个人信息维护,发布笔记等。 图 3-2 web 前端知识共享网站普通用户用例图 3管理员: 登录与退出,设置用户身份,设置推荐笔记,设置首页轮播图片,删除不符合规范的笔记,用户的添加、删除、修改,编辑用户信息。 图 3-3 web 前端知识共享网站管理员用例图 【 由于文章较长,其他章节省略,查看全文请到文末下载】 4. 系统设计 4.1. 数据库设计 4.1.1. 概述 4.1.2. 数据库需求分析和 E-R 图 4.1.3. 数据库构造设计 4.2. 功能模块构造设计 4.2.1 系统模块构造 4.1.2 网站模块功能设计 5. 系统实现 5.1. 主要模块实现及其界面呈现 5.1.1. 前台笔记模块 5.1.2. 话题模块 5.1.3. 个人信息模块 5.1.4. 后台管理员模块 6. 系统测试 6.1. 概述 6.1.1. 注册功能测试 6.2 碰到的问题及解决方案 6.2.1. 用户登录信息存储问题 6.2.2. 页面之间传值与取值 6.2.3. 评论问题 总 结 在一系列需求分析研究与设计实现,终于完成了 web 前端知识共享网站。我的主修专业是信息与计算科学,在大三课程中接触到了前端知识,并对此产生了浓烈厚重的兴趣,并且在校外实训时参加了系统的前端知识课程培训,对于 web 前端比拟熟悉,所以我最终决定采用前端技术进行网站开发。对于数据库的选择,最开场考虑的就是 MySQL,不仅仅仅是由于 MySQL 数据库图形化管理,操作管理起来简单便捷,而且 MySQL 存储量大,知足知识共享网站的数据管理需求。 Web 前端知识共享网站经过几个月繁忙紧张而又有条不紊地设计,终于完成。在这里期间也碰到各种各样的问题,通过不断地阅读书籍,查阅资料,看案例;将大问题分解,分阶段解决小问题最终解决大问题;与同学讨论沟通,扩宽思路,进而问题最终得到了解决。而对于那些解决不了的问题,就转变思路,选取其他方式方法来实现所需要的功能。 碰到的这些问题固然阻挡了开发的进程,但与此同时也大大地提高了我解决问题的能力和与别人沟通的能力。并且每一次问题的解决都是自我综合能力的一次提升。这次开发为我以后项目的开发积累了经历体验,增长了见识,为以后的开发打下了基石。也让我明白了项目开发是一个漫长的经过,不能急躁,正式编码之前必需要对项目中牵涉的对象考虑周到,准备充足,假如是小组开发,还要让每个成员了解这个项目,开发经过中分工明确,并且开发需要有计划地进行,否则不能再计划截止日期完成。 这次网站的完成让我对专业知识有了更深的了解。让我在大学中学到的知识得到了整体的提升,到达了学以致用。 以下为参考文献 1 胡菘. 从入门到精通M. 北京:中国青年出 A 版社,2007. 2 Theresa Neil美. 移动应用 UI 设计形式M. 北京:人民邮电出版社,2020 3 Elisabeth Robson美,Eric Freeman美. Head First 与 CSS第 2 版M. 北京:中国电力出版社,2020. 4 Brian P.Hogan美. 5 和 CSS3 实例教程M. 北京:人民邮电出版社,2020. 5 Eric A.Meyer美. CSS 权威指南第三版M. 北京:中国电力出版社,2007. 6 Andy Budd英,Simon Collison英,Cameron Moll英. 精通 CSS第二版M. 北京:人民邮电出版社,2018. 7 David Cochran美,Ian Whitley美. Bootstrap 实战M. 北京:人民邮电出版社,2021. 8 徐涛. 深切进入理解 BootstrapM. 北京:机械工业出版社,2020. 9 David Flanagan美. JavaScript 权威指南第六版M. 北京:机械工业出版社华章公司,2020. 10 Jeremy Keith英. JavaScript DOM 编程艺术M. 北京:人民邮电出版社,2006. 11 Bear Bibeault美,Yehuda Katz美. JQuery 实战M. 北京:人民邮电出版社,2018. 12 陶国荣. JQuery 权威指南M. 北京:机械工业出版社华章公司,2018. 13 朴灵. 深切进入浅出 Node.jsM. 北京:人民邮电出版社,2020. 14 Shelley Powers美. Node 学习指南M. 北京:人民邮电出版社,2020. 15 Ari Lerner美. AngularJS 权威教程M. 北京:人民邮电出版社,2020. 16 马劳克林美. 深切进入浅出 Ajax中文版M. 北京:东南大学出版社,2008. 致 谢 在系统开发和论文写作经过中,首先要感谢我的导师 教师。开发经过中, 教师适时关注我的项目开发进度,催促我学习。在系统开发初步完成后,教师给了我建议,帮助我完善网站。论文写作与修改正过错程中,教师细心审查论文内容,认真负责。 还要感谢在校的教师们,在大学期间对我学习上的帮助,在开发经过中,我也深深体会到了学好基础知识是非常重要的,理论基础扎实,实际应用起来才能得心应手,技术学习也能快速理解。 最后还要感谢我的同学们,在这次毕业设计及毕业论文中给我的建议与帮助,让我的毕业论文能够愈加全面。