国漫同人文章发布平台前端设计

摘  要：随着日本动漫的烂熟，国漫在国际舞台上再一次崭露锋芒。而同人文章一直是作为文学网站的一个分类，本平台将国漫同人从其中剥离出来，客户群针对性强。且衍生作品往往携带大量的原著元素，对我们中国本土文化在国际上的深层次传播有一定助力。

    网站基于Vue.js技术开发，有登录页、首页、专题列表页、专题页、文章列表页、文章详细页面、个人主页等页面，界面设计以红黄为主，红黄两色在中国的传统文化中富有特殊的意义，但处于用户视觉体验，用的并不是本色。网站板块用富有传统意义的图案底纹、强烈的动漫风格图案、特效等突出网站主题。

关键词：Vue.js 同人网站 文学平台 

目 录

1 引言 1

1.1 国漫同人文章发布平台的开发背景 1

1.2 国漫同人文章发布平台的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 国漫同人文章发布平台前端设计的开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Adobe Photoshop CC2015 2

2.2.2 Visual Studio Code 1.22.2 3

2.3 本项目应用的主要开发技术 3

2.3.1 Vue.js 语言 3

2.3.2 DIV+CSS 3

2.3.3 java script 4

3 项目概述 5

3.1 项目概述 5

3.2 项目风险 5

3.3 项目进度计划 5

4 项目需求分析 7

4.1 业务分析 7

4.1.1 业务工作角色分析 7

4.2 概要设计 9

4.2.1 网站结构图 9

4.2.2 网站概要设计说明 11

4.3 现行研究存在的问题及解决办法 13

5 网站实现 14

5.1.1 网站首页 14

5.1.2 前台登录界面 16

5.1.3 国漫专题列表页 17

5.2 说明 20

5.2.1 项目文件命名规范 20

5.2.2 项目文件结构说明 20

5.2.3 Main.js文件配置 21

6 测试 23

6.1 测试 23

6.2 测试例子及其结果 24

6.2.1 页面效果测试 24

6.2.2 添加分组测试 24

7 总结与展望 27

致谢 28

参考文献 29