程序开发类本科论文结构【2023年修改】_毕业论文软件方案设计怎么写

本博文不定期更新，修订。最新更新修订时间： 2023-11-30。

写在前面的话：

做论文的时候，一定要多读论文。很多人是第一次写论文，那么就要看看别人是怎么写的。

找论文，就去知网上找。很多学校，包括我们学校都跟知网有业务往来，利用校园网访问知网是，可以免费下载论文的，在家里也可以通过知网的漫游帐号去下载论文。

下它十几篇，快读几篇，就应该大概知道论文是怎么写的。

------------------------------------------------------------------------

论文很多同学都不知道怎么写，连结构都搞不清楚。写个博文吧，方便同学们看。

根据本专业的特色，主要是以软件（网站，游戏，前端）开发为主，我就以这为前提来做论文结构，文科类的请参考其他文章，不过一些基本的思路可以采纳。

先声明：本人水平有限，所写内容采纳了各路大神的文章思路，并加以自己的想法和思考，仅供参考。

视频版本的解说看这：

20200219_论文结构讲解_精彩视频_虎牙视频

一、软件（网站，游戏）开发论文可以参考的思路

摘要

来自百度百科的文字：

摘要又称概要、内容提要，意思是摘录要点或摘录下来的要点 。摘要是以提供文献内容梗概为目的，不加评论和补充解释，简明、确切地记述文献重要内容的短文。其基本要素包括研究目的、方法、结果和结论。具体地讲就是研究工作的主要对象和范围，采用的手段和方法，得出的结果和重要的结论，有时也包括具有情报价值的其它重要的信息。

摘要应该不用阅读全文，就能获得必要信息。简单一句话：能提现本论文做了什么东西，怎么做的，有什么功能，有什么意义。

------------2022.10 修订-------------

这个要注意，摘要虽然是在论文的前几页，但是从这个角度看，摘要应该是完成论文后来写。因为它应该是整篇论文的内容概要，论文都没写出来，摘要从何而来？所以要注意摘要跟正文内容的对应性。

------------2022.10 修订 end-------------

我们学校对摘要的字数要求是 300 字左右。当然，多点无所谓，但是不要太少了。

一般三步走：

1. 简述下大背景，一两句话搞定。然后，描述毕业设计或者开发课题的目的和重要性，也用几句话搞定。

2. 摘要主体：

   • 描述毕业设计做了什么系统，

   • 研究方法 -- 用了什么方法或者技术手段去实现

   • 研究成果 -- 这个系统有什么功能

3. 研究成果的意义 -- 这个系统做出来后，可以带来什么效率的提高啊，方便了什么工作啊之类的。

------------2022.10 补充、修订--------------------

关键词的选取，要从论文题目、摘要和正文中选，是要有实际意义的词汇。3～5个就行，不要超过5个~！！！！。

有些同学的关键词，在摘要里面都找不到。摘要里都没有的词，是不能做为关键词的~！！！而且关键词一定是要提现论文的核心技术，重要理念思想，重要特征等。

比如，论文题目为“基于Java的图书管理系统设计与实现”。把“系统”作为关键词是不合理的，毫无特色。这个题目的关键词可以是“ Java；图书管理系统；MySQL”（假设本系统用的MySQL作为数据库系统，并且在摘要中有提到）。

我校对摘要关键词间隔要求：（2022年要求）

• 中英文摘要的关键词间用一个分号分隔，最后一个词后不打标点符号。

这里强调的是，中文摘要的分号是中文标点，英文摘要的分号是英文标点。

------------2022.10 补充、修订  end--------------------

范例一：（本摘要来自网上，并稍作修改）

    作为对传统考试方式的改革，在线考试是近年来研究的一个热点课题。本论文的主要工作是设计并实现一个在线考试系统。系统主要基于PHP开发语言实现，利用 ThinkPHP5 框架和 MySQL 数据库开发搭建完成。前端界面使用了PS设计，页面利用HTML5、CSS3以及JQuery完成，并利用 Bootstrap框架实现了响应式布局。利用在线考试系统，教师可以很方便的在线生成试卷，考生也可以在线远程实现答题。同时，系统会自动判卷，大大提高阅卷效率。响应式的设计也能方便师生在移动端完成出卷或者答卷。从试题的生成，阅卷，再到试卷分析，都自动实现，可以把老师从考试过程的繁琐体力劳动中解放出来，让老师把精力投入到更有意义的教学改革中去。
关键词：在线考试；响应式布局；试卷分析 ；ThinkPHP5；Bootstrap

范例二：（本摘要来自网上，并稍作修改）

    随着地产行业的发展，房地产企业网站也随着行业而兴起。论文通过对国内外相关网站的发展和现状进行分析，对相关资料进行了研究，得出当前房地产网站应有的功能模块和用户类别等信息，并分析得出系统的主体需求和主要业务流程，从而设计出系统的架构模型、主要功能模块和相关的数据库表结构。系统的实现主要使用Java编写后台程序，前后台使用AJAX进行数据交互，利用MVC模式进行流程控制，业务处理和对数据库的操作。经过鉴权，系统由各方角色使用各自功能来完成对业务的操作使用。最后，通过全面的功能测试验证了系统的完整性和可用性。房地产企业网站系统可以满足企业与用户以及代理方的数据交互，实现地产相关数据的信息化管理。
关键词：房地产企业网站；数据交互；AJAX；数据信息化

范例三：（本摘要来自网上，并稍作修改）

    随着时代的发展，信息化已成为了一个非常热门的话题。信息化程度也成为社会考核公司、学校以及政府机构的新参考。某某邮电学院管理工程学院作为高校中的一员，信息化已成为势在必行的发展趋势。毕业设计是基于B/S结构的绩效考核系统。系统后台语言采用Java，前端实现用HTML5、CSS3以及JQuery库,并利用百度Echarts库实现了数据前端可视化。针对目前学院的考核方式采用的人工分析，效率低下，且返工率高的问题，绩效考核系统做出了信息化变革尝试。通过对系统需求的分析，框架设计，利用相关技术，本系统实现了考核数据录入，就能自动进行考核分析，并以可视化的方式展现考核结果，便于学院进行考核和管理。同时，通过数据的方式，绩效考核会变得更具有说服力和号召力。希望通过这次开发，能够尽自己的微薄之力，实现管理工程学院绩效考核信息化。
关键词：绩效考核系统；考核分析；Java；Echarts

范例四：（本摘要来自网上，并稍作修改。不过是研究生的论文，一般 800 字左右 ）

       伴随“互联网+”和移动互联网行业的蓬勃发展，特别是第四代移动通信技术（4G）的应用和持续推广，移动版新闻网站系统引领新闻阅读进入了全新的网络媒体时代，由此引起人们阅读习惯发生了改变，读者希望在任何时间任何地点任何场合都可以通过使用移动设备浏览 Web 来获取各类最新资讯信息。根据这些实际需求，本文设计和实现移动版新闻网站系统来满足用户新闻获取以及阅读习惯改变的需求。
       本文首先分析移动版新闻网站系统的研究背景以及国内外同类产品发展现状，阐明研究意义并描述研究内容，然后阐述本文所应用到相关技术，并针对移动版新闻网站系统进行功能性与非功能性需求分析，以需求分析作为基础，探讨了移动版新闻网站系统架构设计，最后实现了移动版新闻网站系统每个功能模块。
      本文设计的移动版新闻网站系统采用基于规则的采集方式来实现数据采集，通过HTTP 协议来获取网页信息，并通过 DOM 树结构来利用系统和用户定制好的规则萃取页面有效信息到服务器并储存在数据库。通过数据处理模块处理采集数据，本模块将访问控制统一化，并通过 JSON 技术和 Web 页面两种形式传送给客户端原生态应用程序及手机浏览器。 
本系统创新点包括三个方面：（1）使用采集方式获取旧网站系统数据，不同于其他的移动网站直接在旧系统上进行改造的开发方式，能够快速广泛地与原有系统进行结合；（2）同时提供 Web  App 页面和原生应用系统使用的接口，更广泛的支持各种设备，也能够最大限度的满足部分客户对性能的要求；（3）系统采用中间件的形式，能够和旧系统分开部署，能够使得服务器部署更加灵活。
      本文主要解决了两个问题：（1）如何从现有新闻网站中提取信息并存储到后台数据库中；（2）如何把这些信息方便有效地展现在用户移动设备之上。 
关键词：移动新闻网站系统；数据采集；移动通信技术；JSON 技术 

范例五：

在互联网时代，很多服装公司都会利用网站来展示企业文化和产品，甚至进行网络销售。
本毕业设计以MVC模式为基础，设计并开发一个服装网站。通过对网站进行需求分析，得出网站功能主要有产品展示、产品详细信息、购物车管理、订单管理等。随后，利用PHPStorm进行开发后端PHP程序，使用响应式技术布局前端页面，结合Boostrap框架、jQuery以及HTML5/CSS3实现页面功能。整合项目代码后，进行页面测试，以保证系统能够进行运行。
该毕业设计的开发可为服装企业提供全新的展示平台，便于用户可以随时随地购买，也可以为同类服装企业提供技术参考。

关键词：MVC模式；Boostrap；PHP；jQuery

ABSTRACT

就是摘要的英文翻译。一页为宜，不要过长。

1 绪 论

绪论的篇幅不应该超过总论文的 10%，3-5页就可以。

绪论应该包含以下内容：

1.1 课题研究背景和意义

讲述选题的理由，以及该选题的意义。

PS：也有专家认为 意义没有必要写，因为毕业设计的意义就是为了毕业需要，如此直白~让人汗颜。但是个人觉得意义还是要用几句话阐述下，不用多过多文字描述。如果觉得意义比较多，可以单独列为一个子目录。

--------- 2020.02.26 ----------

一个同学的要做一个博客系统，她写的意义：

一个博客系统能提高幸福感和满足感？很明显，这是不正确的。

我个人觉得博客系统的意义可以在这个角度去思考：

博主利用博客系统记录自己的生活点滴，可以跟朋友随时分享自己的心情，也可以记录自己的私人感受。多年后，在互联网上也能找到当年自己的生活感悟。在互联网发展的当今，博客系统对个人来说有着极其重要意义。QQ空间，微信朋友圈，微博，其实就是轻量化社交化的博客系统。虽然他们不再挂博客之名，但是本质未变。

这种思路，个人觉得，才是博客的意义所在，而不是提高什么幸福感和满足感这种“高大上”的意义。甚至还有人写“推进互联网发展”、“促进人类进步”之类的，哎~~就做一个小小的系统，不用刻意拔高高度~~无奈~

--------- 2020.02.26  end----------

1.2 国内外研究现状

这个是很多同学容易写偏的地方。我们是做开发类的毕业设计论文，所以，一定要围绕相关的系统（根据题目，可以是网站，游戏等）的研究现状。

------------2023.11 补充、修订--------------------

什么是研究现状？？？？

研究现状就是有哪些人做了课题相关的什么研究，研究了哪些内容。这部分一定要去翻阅参考文献，尤其是要翻阅跟课题相关的论文，从研究论文中得出作者研究了什么内容，有什么结论。

就开发技术类的论文而言，应该是做这个课题项目，用了什么技术，用了什么方法，用了什么流程去实现，有什么创新的算法之类的。这些内容一般可以在论文的“摘要”、“总结”章节中可以看出来。

或者，描述一些论文从某个新颖的角度分析了课题相关的内容，也是可以的。

一般描述研究现状的句式为：

张三在219年的文章《xxxx》中，利用yy技术和mySQL数据库实现了xxx系统。他实现该系统的步骤为xxxx。在实现的过程中，还运用到了xxx算法（方法）。
李四在2023年的文章《xxxx》中提到，xxx系统是xxxxx的一部分，应该包含xxxx功能。王五在2023年的文章《xxxx》里，也表达了类似的观点，他认为xxxxx。

------------2023.11 补充、修订--------------------

举个例子，论文题目是《基于Java的小说网站设计与实现》，那么研究的就是小说网站或者同类型系统在国内外的现状，而不是小说市场的现状。研究的内容，也不是小说网站的用户量和小说网站的营运状况，而是界面设计风格，用户体验的设计，功能模块的分析，以及涉及到的使用角色等等。

我们的论文是做开发，应该重点讨论与开发相关的现状。营运和市场，不在这个讨论范围之内，可以一两句话简单提下，但是不要重点去谈。

同时要注意，是研究的国内外现状，所以要举国内的例子，也要举国外的例子。一般国内外分别举3-5个相关系统为例就够了。重点谈其中一个系统的：用户体验，界面风格，功能模块，所用到的技术手段，使用角色等等，简单说下其他的系统就行。

---------------2022.10 修订-------------------

研究的方式，一般都会采用文献阅读法。那么就要去阅读相关的文献，论文，调查报告等，分别别人的观点，然后得出自己相应的结论或者数据。

如果是引用别人的句子，要在句子末尾，右上角利用索引 ,如 [1] ，给出参考文献引用。

参考文献的引用一定是从[1] 开始的，按照顺序来。有些同学的参考文献的引用不是从[1]开始的，这是不规范的。

例如：以下几段文字来自网络。

计算机网路技术中的数据库技术是六十年代初发展起来的技术，经过了四十多年的发展，数据库技术已经趋于成熟[7]。其中 Web（网络）数据库在新的 Internet环境中已经发生了较大的变化。从数据库的应用角度出发，数据库技术呈现了多样化的发展模式，例如：数字化图书馆、电子出版物、电子商务、数字网络远程教育系统等的出现，这些需求给 Web 数据库技术提出了很高的要求[8]。与此同时，随着高校的校园网络的建设，基于互联网的应用技术正在蓬勃发展。例如：高校的网络在线招生系统，高校中的管理系统，高校毕业选题系统。除此之外，医学学校的网络诊断系统、远程就诊服务系统等等，这些都是基于校园网络的应用系统。在二十世纪末，许多高校都采用毕业设计考核制度，来检验学生是否满足毕业要求，企业也利用毕业设计是否可以应用于实践来考核学生是否可以满足工作需求。 

---------------2022.10 修订  end-------------------

1.3 论文研究内容

本文所要解决的问题，采用的手段、方法和步骤，所需要的条件，预期成果。

每个部分可以列为三级内容，分别描述。

主要研究内容：就写系统开发过程中，自己感觉这个系统中的重点部分，列3-5条。

采用的手段：就说用什么技术去解决前面的问题，并初步提出思路。

方法和步骤：沿着软件工程开发的步骤去写，需求分析，系统设计，UI设计，编码实现，测试等简单各自描述下每步的作用。

所需要的条件：含软硬件条件。

预期成果：预期本系统能达到一个什么成果。比如，某系统能完成数据录入，并能自动分析等等。

1.4 论文结构

挨个按照论文结构写。

比如：

第1章绪论，主要介绍了课题研究背景和意义，国内外研究现状，简单阐述了论文研究内容和论文组织结构。

其实不难发现，就是论文二级标题加点简单描述就行。绝对不是二级标题的干巴巴的复制粘贴~！！

2 相关技术与工具

也可以叫关键技术。

如果涉及一些新的概念，可以在这里做介绍，题目就换成“相关概念和技术”。

3-5页就够了。

一般这部分内容是：

1）相关知识。

与本论文相关的理论知识介绍。比如 B/S 模式、MVC 模式、AJAX 、数据可视化、爬虫等。其实就是对本系统相关的一些关键名词做简单解释。这部分都要当心，不要copy网上的概念，这里是查重的重灾区。

2）相关技术与工具。

这里的技术是关键技术，我看很多人都写了HTML和CSS，个人不建议写这个（不过，实在没有写的，也可以写）。但是可以写HTML5的本地存储、响应式之类的，这个可以是关键技术。

因为选择了某个技术，所以才选择对应的工具。因此，我觉得技术在前，工具在后。

需要分清的是：开发语言各种框架视为技术，各种编程软件视为工具。

比如 jQuery，Vue视为技术；Webstorm，VSCode，MySQL等开发软件视为工具。

一般的写法：首先描述技术（工具）概念，其次指出其优势和特点，最后说明该技术（工具）在本项目起到什么作用。

通俗来讲就是：这是什么，有什么特点（优势），在本毕业设计中的作用。 

最后写本章小结。每章的后面都要有一个小结。对本章内容的一个总体概述。3-5行就行。

3 需求分析

需求分析是软件开发的第一步，从这一章开始就使用软件工程的那一套了。不知道怎么做需求分析的，去翻翻软件工程的书。这里不详谈。

一般来说分析三块：业务需求，用户需求，功能需求

可以参考的子目录如下：

3.1 系统目标

说清楚该系统要达成一个什么样的目标，要做出什么样的一个系统。

比如：某毕业论文管理系统的目标可以这样写：（此文字来自网络，仅供参考）

 对毕业论文的日常管理工作进行详细分析和整合，规范管理流程，细化管理内容，确定管理框架，以此为出发点需要实现的具体目标如下。 
 1．对毕业论文管理工作的业务流程进行详细分析，规范管理流程。
 2．对毕业论文室管理的内容进行详细分析，确定毕业论文信息管理系统需要具体管理的内容，确定合理的管理框架。 
 3．实现毕业论文信息管理的自动化，尽可能的消除管理业务流程中的手工作业，提高工作效率。
 4．实现教师基本信息、工作信息的数据一致性，并实现数据持久化管理。 
 5．实现历年毕业论文题目的管理，确保题目的难度适中且不重题。
 6．为学校的其他考核提供依据。 

3.2 角色分析

使用本系统的是哪些人。

3.3 系统功能分析

要实现的功能模块及其作用。这部分可以用用例图配合文字来描述。不能是干巴巴的图。

3.4 系统结构分析

根据功能画结构图，图+对应的文字描述。

3.5 业务流程分析

系统主要的几个业务流程，图+对应的文字描述

3.6 非功能性需求

界面需求：外观想要达到的目标。绝对不是详细的界面设计，可以理解为界面上的一个要求。

安全性需求：不需要太复杂的安全要求。一般毕业论文就要求，关键操作要求用户登录注册，有xxx验证码手段之类的。

可靠性需求：如果网络较慢会怎么样？如果是用移动端访问呢？如果用户输入的数据有误又怎么样？这些都是用户在使用过程中可能出现的问题。要站在用户的角度去思考可靠性需求。

可维护性需求：通过什么方式让系统的修改，升级，调试等较为方便。

具体大家可以百度下。至于技术可行性分析、经济可行性分析，我觉得不需要。这个毕业设计是必须要做的，做也得做，不做也的做。所以，我觉得可行性分析不用写。

3.7 开发运行环境

用什么软件开发，运行在什么系统中，软硬件运行环境是什么。

这里的软硬件环境是指最低的系统运行要求，不是开发者自己的电脑和系统。

比如，有同学写了运行系统是Win10，这个就不对，难道除了Win10系统，其他系统就不能运行了？最佳写法是 win7及其以上系统。

---------------- 分割线 ---------------

需求分析是是开发的前奏，常用的方法和图如下表所示：

• 如何画业务流程图：如何绘制业务流程图 | 人人都是产品经理

• 如何画数据流图：转-数据流图的画法 - lemon-Xu - 博客园

• 用例图：UML建模——用例图（Use Case Diagram） - lclc - 博客园

• 活动图等各种图画法：简单总结UML用例图、活动图、顺序图、类图、对象图、通信图（协作图）、状态机图特点__power_TnT的博客-CSDN博客_通讯录uml用例图

• 软件工程各种图的画法：软件工程各种图的画法(考试必备) - 百度文库

最后写本章小结。每章的后面都要有一个小结。对本章内容的一个总体概述。3-5行就行。

4 系统设计

这部分是系统开发论文必须的过程。应该在 25%-30%的篇幅。

系统设计严格来讲，分为概要设计和详细设计。不过论文中，可以整合为系统设计。

可以参考目录：

4.1 系统架构

采用何种架构（B/S 还是 C/S？），何种设计模式和框架（MVC，MVVM？）等。

------- 2020.02.26 补充------

有同学给我看了下论文，长篇大作的介绍了 C/S 模式，我看了就笑了，因为她的论文是写的基于 B/S 的系统。C/S 模式跟她的系统没有一点关系，不用写那么多。

正确的做法应该是：

第一种：根本就不写 C/S 模式，直接写 B/S 模式，介绍下 B/S 模式，以及它的优势，说明这个系统为什么要选择它。

第二种：可以简单写下 C/S 模式 和 B/S 模式，各自的优缺点，简单对比下，说明为什么选择了 B/S 模式。

最终，选择哪种模式，一定要说明下为什么选择它。而这个同学大偏介绍后，没有一个结果，不知道选择了谁，也不知道为什么选择谁。

当中会用到一些示例图，应该自己画，不要去用网上的图，照着画都可以，但是一定要自己画，不要原图粘贴。

------- 2020.02.26 补充  end------

4.2 系统功能模块设计

主要功能模块的设计，可以附上对应的功能流程图。

4.3 数据库设计

数据库实体设计，实体关系设计（要有对应的数据表），最后要附上数据模型关系图。

4.4 界面原型设计

这里的界面设计，不是PS做的那个设计，而是界面的线框图设计，原型设计。可以把几个主要界面的原型框架图在这里罗列并描述下。

最后写本章小结。每章的后面都要有一个小结。对本章内容的一个总体概述。3-5行就行。

5 系统实现

可以按照后台管理的功能来写。

比如：用户管理，广告管理，新闻管理

 5.1 用户管理
    5.1.1  添加用户信息
    5.1.2  修改用户信息

-------------2021.5.15---------------

在正式写模块实现之前，可以加一个小节 介绍 开发环境的搭建。

比如：

项目创建：描述在开发软件中创建project，搭建目录，创建文件，公用样式，SASS配置等。

-------------2021.5.15 end---------------

另外，贴代码不宜过长，不超过一页为好。可以使用伪代码。

最后写本章小结。每章的后面都要有一个小结。对本章内容的一个总体概述。3-5行就行。

6 系统测试

实现之后就是系统测试了。一定要说清楚是怎么测试各个功能模块的，用了什么测试数据或者方法，测试的结果是什么，有哪些bug怎么解决的。

可以参考的题目：测试环境，测试方法，测试用例，测试结果

很多同学写测试，都没体现出自己测试的内容，就泛泛而谈，讲了一堆，就是没讲自己怎么测试这个系统的。

7 总结

可以参考这种思路：总结下自己的大学四年学习生活，毕业设计的感悟，以及不足，并给出一个将来的期望。

致谢

感谢下自己的指导老师，学院之类的。不要感谢自己的女朋友，万一毕业的时候就不是了呢？

-------------2022.10.30---------------

我们学校要求“致谢”一定要提指导老师的名字，而且不能写错了，这个是对老师最基本的尊重。（虽然，我个人不是很愿意学生提我的名字，毕竟我比较低调。但是没办法，学校有这个规定。）

并且，指导老师应该首先要感谢。感谢了指导老师后，才能感谢其他人。因为指导老师是对毕业设计和论文帮助最大的人。

有些同学可能说，自己的指导老师都没有怎么管。

那是这个指导老师的责任心问题，但是从形式上来说，也应该首先感谢指导老师。至少没有他的同意，你是没法参加答辩的。

作为我个人而言，每次指导学习都逐句去改。论文答辩前还指导模拟答辩，有次从下午4点过，搞到深夜12点，还算尽心尽力~能看到学生真诚的致谢，也是一种欣慰。

-------------2022.10.30 end---------------

参考文献

按照要求来就是。

参考文献的使用，参考百度知道：https://jingyan.baidu.com/article/90bc8fc8a2ce58f652640c53.html

二、前端开发类论文可以参考的思路

前端也属于开发类，所以大体也要按照软件工程那一套。但是因为没有了数据库和后台的部分，所以前端开发论文应该重点在用户体验设计，界面设计和前端编码实现上。

摘要

参考前面

ABSTRACT

参考前面

1 绪 论

参考前面

2 相关技术与工具

参考前面

3 需求分析

这里的需求分析，就重点在前端方面的需求的分析。重在分析：

可以参考的子目录如下：

3.1 前端开发目标

前端部分要达到一个什么目标：

比如主流Chrome浏览器，Firefox浏览器，Edge浏览器打开，界面都能正常展示，且无页面报错。界面美观大方云云.....

3.2 角色分析

分析使用这个界面的角色

3.3 界面设计风格分析

根据论文的题目和角色分析，提出一个适合的风格方案。在这里，可以先写出同类网站的风格，然后再得出自己的风格。

3.4 系统功能分析

要实现的功能模块及其作用。这部分可以用用例图配合文字来描述。不能是干巴巴的图。

虽然不用写功能后台代码，但是也要分析功能，因为主要功能都会有一个界面去实现的。比如，用户登录功能，肯定会有个登录界面。

3.5 系统结构分析

根据功能画结构图，图+对应的文字描述。

3.6 用户体验分析

这里是需求分析的重点。前面可以简单解释下什么是用户体验，然后分析主要功能模块前端界面会让用户进行什么样的操作，如何去提高这些用户体验。

3.5 开发运行环境

参考前面

4 原型设计

这个是前端开发特别的一个部分。没有数据库的设计，就写原型设计。

根据各个页面的结构和功能要求，设计主要页面的原型。原型设计推荐使用工具 Axure 。

子目录就按照主要的页面来写。

比如：

4.1 原型设计

     4.1.1  首页原型设计

     4.1.2   产品展示原型设计

----------------2020-4-13更新--------------------

每个页面的原型设计一定要说清楚几个问题：

1. 做了哪些模块？
2. 每个模块的内容是怎样的一个形式？图片展示内容，还是图片文混排，还是图片轮播，还是文字列表等等。并且一定要说清楚为什么这么设计。
3. 每个模块具有怎么样的交互？
4. 点击之后，又会进入到哪个页面，或者弹出什么内容之类的？

每个模块后面应该配上对应的模块原型图。

前面的文字算的上是“因”，后面的图片应该是“果”。这里的整体逻辑应该是一个“因果结构”。

如果是要求移动端适配，那么还要说明，移动端打开本页面的是时候，各个模块的布局变化。

-------------------------------------------------------

用户体验分析中提出的要求，要在原型设计里提现出来。

比如，用户要能在移动端实现左右滑动，原型设计就要标明这个地方要有移动端的左右滑动效果。

5 界面实现

主要页面的界面实现，顺序参考原型设计的顺序。先讲UI 设计，再讲 HTML+CSS，以及JavaScript实现。如果用了某个前端框架，也可以在这用上。

比如：

 5.1 登录界面实现
    5.1.1 登录UI设计 （说下UI设计的风格，思路，可以附图）
    5.1.2 登录前端实现（关键HTML和CSS代码，以及关键交互特效的实现）

----------------2020-4-13更新--------------------

UI 设计部分，要按照页面中主要模块，比如 导航，banner，某内容板块的设计思路和方法、技巧写出来，并且要在后面附上对应的图片。

前端实现部分，也要把页面中主要的特效、交互（顺序要跟前面一致），制作的思路，方法和技巧写出来。尤其是涉及到有交互的部分，比如 二级菜单，轮播，AJAX数据加载，表单验证等。

可以附上关键代码，关键代码不能太多，不要是一个代码就贴上去。如果代码过多，可以省略但是一定要完整~！

比如：某个函数代码过多，可以只保留关键部分，其他部分略掉，不过结尾的括号要保留。（这里只是做个一个示范，注意最后的尾括号 ｝不要省略）

此部分关键代码如下：

function   xFun(){

     let  x = 100 ;

    (...其余部分省略..)

}

---------------------------------------------------------

6 界面测试

同样的，界面前端部分也需要测试。写法同上。

7 总结

写法同上。

致谢

写法同上。

参考文献

写法同上。

写完了，感觉自己也写了一次论文。

本人水平不足，仅供参考。不足之处，后续再改进。