項目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的服務端

用的時候再看。

真的提交上去了。

結合富文本編輯器:

用的技術:

----------------------------------------------------26------------------------------------------------

阿里雲OSS:

fastDFS。

阿里雲OSS。

第一步:準備工作

第二步:爛尾了

----------------------------------------------------27---------28---------------29------------------------

發佈了304 篇原創文章 · 獲贊 11 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章