项目2---十次方项目开发---吐槽---07

生成api的mock。

---------------------------------------------------------------------------01-------------------------------------------------------------------------------------------

修改吐槽的首页index.vue：

简单的渲染结束。

-------------------------------------------------------------------------------02---------------------------------------------------------------------------------------

列表的瀑布流：这个目前是报错的。

第一步：

第二步：暂定的改造步骤

-------------------------------------------------------------------------------03--------------------------------------------------------------------------------------

吐槽的详细界面：

第一步：

第二步：跳转路由

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

注意一个潜规则：

在项目里是如何对应的：这个貌似必须要是下划线的结构的。

-----------------------------------------------------------------------04---------05----------------------------------------------------------------------------------

第三步：吐槽详细页的修改

两个知识点：第一是吐槽本身的数据，评论的列表。

----------------------------------------------------------06-----------------------------------------------------------------------------------------------------------

点赞：写api

点赞的方法：基本功能的js

点赞的后端请求：

优化：

点赞的优化，美工已经写好了样式了：

原来是color占位。

在点赞的方法上修改：

注意一点：

.map方法是根据原有的集合创建新的集合，里面是个函数。

item是函数的一项。

返回的东西在原有的基础上加上新的属性：

-------------------------------------------------------07-----------08--------------09-------------------------------------------------------------------------------

必须在当前用户登陆下才可以点赞，点赞判断登陆，只能点赞一次：

---------------------------------------------------------------------------------10------------------------------------------------------------------------------------

提交token：

真正的判断重复点赞是如何判断的？假如刷新呢？

提交请求的要加上token。用token判断个人信息。然后判断是不是在这条数据上点赞了。

其他的发吐槽，评论，发言什么的也是这样的。

token字符串的格式和后端协调好。

-----------------------------------------------------------------11--------------------------------------------------------------------------------------

发吐槽：主要是掌握富文本编辑器的用法。如何引入插件。

在线文档说的很详细了，如何引入。

第零步：

第一步：建立js文件---具体看视频讲解即可。

第二步：

第三步：直接使用即可。

壳子。

放置富文本编辑器：

下面的方法：

-------------------------------------------------------------------------------12---------------------------------------------------------------------------------------

小修改

去掉代码。

-----------------------------------------------------------------------------------13---------------------------------------------------------------------------------

提交吐槽：

注意可以用路由跳转，是这这样写的。

-------------------------------------------------------------------14---------------------------------------------------------------------------------

吐槽的弹出的窗口，这个富文本编辑器就简单了。

---------------------------------------------------------------------------------------15------------------------------------------------------------------

吐槽提交评论：

有aprentId是评论，没有是吐槽。

-----------------------------------------------------------------------------------16-----------------------------------------------------------------------------------

问答的路由布局编写：

结构共和之前的是一样的：

做嵌套路由必须这么做的。

注意看下导航是怎么写的。和那个个人信息的布局是一样的。

一个问题，这个菜单是动态加的：是嵌套的路由的。这个是动态的加载的，我们如何显示默认的index信息呢？

第一步：注意这个是如何点亮的？

第二步：默认进到这里，点亮第一步的路由。

第三步：

注意首页的技巧：

搭建布局完毕。

------------------------------------------------------------------------------------------17--------------------------------------------------------------------------

布局搭建：

标签导航。

数据：目录的数据

--------------------------------------------------------------------------------18-----------------------------------------------------------------------------------

点赞的方案：https://www.cnblogs.com/Tom-yi/p/9798149.html

api编写：

mock编写。

--------------------------------------------------------------------------------19----------------------------------------------------------------------

路由的具体实现：

----------------------------------------------------20-----------------------------------------------

：这三个不是路由是一起加载进来的。

热门回答和等待回答：

激活div。

----------------------------------------------------21-----------------------------------------------

瀑布流实现有问题。不复习了。

----------------------------------------------------22-----------------------------------------------

问答详情。标签自己实现。

----------------------------------------------------23-----------------------------------------------

图片上传。重点。

第一种：

传到服务器服务器必定有这个文件的。

第二种：

编码存到数据库里里面。

图片的体积变大了原来只是占的三分之一。

这个默认是dataUrl的。

----------------------------------------------------------------------------24-----------------------------------------------------------------------------

不喜欢DataURL改为传统方式上传:

具体的安装过程看教程。

改造代码：

-----------------------------------------------------------------------25--------------------------------------------------------------------------------

写一个node的服务端

用的时候再看。

真的提交上去了。