说明

项目基本信息

项目使用Vue-Cli创建，采用Vue + SASS(SCSS形式)+Mint UI 开发，Rem布局，使用px2rem插件自动转换px到rem(原稿宽375px)

components下添加了global.js。webpack可以检测到global.js来自动加载这些组件到Vue中，因此可以不 在.vue文件中添加import 和 component:{}（添加了也没有问题）

utils下添加了storeUtils.js,可以方便Vuex的使用：

    computed:{
        ...storeUtil.makeFields('mainActiveView','abc')//生成默认getter和setter方法
    }

    state: {
        mainActiveView: 0,
        abc:0
    },
    mutations: {
        ...storeUtil.makeMutations("mainActiveView",'abc')//生成默认mutation方法
    }

项目结构

参考https://div.io/topic/1834

style目录中，var.scss定义scss变量和函数，reset.scss对css默认样式重置,base.css 包含了reset.scss和base.scss,并定义全局可引用的样式类

项目install问题

使用Scss:

npm install --global node-sass --save-dev npm install --global sass-loader --save-dev

载入scss：

npm install sass-resources-loader --save-dev

如果sass出现异常:

npm rebuild node-sass修复

友情支援

巨佬参与 友情支援 【基情支援】 时请以下面功能描述和设计稿为参考，了解vue，router，vuex，sass，rem配置的基本情况后 自由发挥，看着合理就行，在不直观的地方请尽量写注释

设计稿

https://www.zcool.com.cn/work/ZMzExNTQ0MjA=.html

坑声明

此处是论文中挖下的坑，也是必须实现的功能，因此是项目最重要的实现原则，但它只是模糊的描述，详细的实现见下面的 “实现方式” 小节

（1）用户注册：用户提供用户名，密码，个人基本信息等在系统中注册用户信息。 （2）用户登录：用户使用用户名与密码，验证码登录到系统。 （3）浏览作品：用户可以浏览作品列表与作品详情。 （4）筛选搜索：用户可根据自己喜好筛选作品并可对作品进行全文搜索。 （5）修改信息：用户可以更新自己的个人信息和密码。 （6）作品评论：用户可以对作品发表评论。 （7）作品褒贬：用户可以根据对作品点赞或点踩。 （8）作品收藏：用户可以收藏自己喜好的作品，并可以浏览和管理自己的收藏。 （9）提交作品：用户可以提交自己创作的文艺作品到系统，经审核可以发布。 （10）素材管理：用户上传，删除，组织自己作品中相关的图片，文字等素材。 （11）作品管理：用户可以分类，组织，删除自己的作品。 （12）用户管理：管理员可以封锁不良的用户，挖掘优秀的作者。 （13）管理员账号管理：管理账号的注册，授权与登录。 （14）管理员审核作品：审核者是官方文艺领域的专业人士，可以接受或拒绝作品 （15）管理员对作品评分：（具有更高的权重），并可以决定是否对作品加精。 （16）后台作品管理：后台作品管理员可以封锁不良的作品，采集优秀的作品。 （17）系统管理：可以配置系统关键参数。 （18）消息发布：需要通知用户的操作都会触发消息发布，例如用户关注的作者更新了文章，将在用户信箱中放入一个消息。 （19）消息管理：用户可以查看个人信箱中的消息，点击消息可以跳转到目标位置，也可以将消息标记为已读。

实现方式

用户注册

用户提供用户名，密码，个人基本信息等在系统中注册用户信息。（ √ 已实现）

用户登录

用户使用用户名与密码，验证码登录到系统。（ √ 已实现 ）

修改信息

用户可以更新自己的个人信息，头像和密码。 个人信息的字段见注册页面

作品评论

用户可以对作品发表文字评论，不实现图片评论。有于时间关系，暂不实现二级评论，对评论进行回复使用 @某人 即可

作品褒贬

作品显示赞减去踩的分数，用户可以对作品点赞或点踩

作品收藏

用户可以收藏自己喜好的作品，并可以浏览和管理自己的收藏 有余力就支持多个收藏文件夹，里面放作品（同知乎，bilibili），没有就全放一个列表（同微信）

关注与消息管理

对作者或作品进行关注，当被关注对象有动态时，用户可以看到个人信箱中的消息，用户点击消息可以跳转到对象的位置，也可以将消息标记为已读。 有余力就做成几个选项卡（回复我的，系统消息，赞与收藏） 否则做成一级消息列表

素材管理 作品管理 （重难点）

素材库操作：

用户可以上传图片到图库，有余力可实现图库一级目录选择和目录创建，删除，修改（不用作二级目录） 图库类似于手机的相册，可以查看，添加，删除图片

用户可以编辑文字，并设置最多9张与文字相关的素材，暂存到草稿箱而不发布

用户可以在草稿箱中查看，删除，发布自己的作品

作品的发布UI类似微信朋友圈，是文字+最多9张图片而非富文本

浏览作品与筛选搜索 （重难点）

用户可以浏览作品列表与作品详情。（... 正在实现 ） 分为两个选项卡，推荐和最新

用户可根据自己喜好筛选作品并可对作品进行全文搜索 搜索与筛选是合并在一个页面的，最好是与浏览作品也是统一页面，搜索关键词与筛选条件是“与”的关系 （搜索“天空”，筛选“摄影”，只出现包含天空关键词的摄影作品）

在筛选中作品按两个维度分类：形式（文本，摄影，平面设计，漫画）和主题（青春，生活，情感，自然，其它）此两个维度是独立的，而不是设计图中的大类型包含小类型

以下功能用开源后台管理项目搭建，无须从头手写

（12）用户管理：管理员可以封锁不良的用户，挖掘优秀的作者。

（13）管理员账号管理：管理账号的注册，授权与登录。

（14）管理员审核作品：审核者是官方文艺领域的专业人士，可以接受或拒绝作品

（15）管理员对作品评分：（具有更高的权重），并可以决定是否对作品加精。

（16）后台作品管理：后台作品管理员可以封锁不良的作品，采集优秀的作品。

（17）系统管理：可以配置系统关键参数。

（18）消息发布：需要通知用户的操作都会触发消息发布，例如用户关注的作者更新了文章，将在用户信箱中放入一个消息。