生成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的服務端
用的時候再看。
真的提交上去了。
結合富文本編輯器:
用的技術:
----------------------------------------------------26------------------------------------------------
阿里雲OSS:
fastDFS。
阿里雲OSS。
第一步:準備工作
第二步:爛尾了
----------------------------------------------------27---------28---------------29------------------------