摘要:客戶端使用服務(wù)端使用歡迎加在線預(yù)覽在線預(yù)覽啟動(dòng)默認(rèn)是連接遠(yuǎn)程服務(wù)器的,以下連接本地的服務(wù)安裝更改里連接地址。并更改里的常量為運(yùn)行文件目錄
客戶端使用React + ApolloClient + GestaltUI
服務(wù)端使用Koa2 + GraphQL + Mongoose
github 歡迎加?https://github.com/tzuser/react-graphql
在線預(yù)覽在線預(yù)覽
API
啟動(dòng)cnpm install npm run start默認(rèn)是連接遠(yuǎn)程服務(wù)器的,以下連接本地的服務(wù)
安裝mongodb
更改 server/db.js 里 let db=mongoose.connect("mongodb://web:[email protected]:27017/web") 連接地址。
并更改 src/public.js 里的 HOST 常量為 http://localhost:8181
運(yùn)行 npm run server
文件目錄├── index.ejs ├── package.json ├── README.md ├── server │?? ├── db.js │?? ├── graphql │?? │?? ├── APIError.js │?? │?? ├── comment.js │?? │?? ├── file.js │?? │?? ├── formatError.js │?? │?? ├── main.js │?? │?? ├── post.js │?? │?? ├── public.js │?? │?? └── user.js │?? ├── index.js │?? ├── render.js │?? └── server.js ├── src │?? ├── actions │?? │?? ├── config.js │?? │?? ├── photo.js │?? │?? └── public.js │?? ├── Components │?? │?? ├── AddPhoto.jsx │?? │?? ├── Footer.jsx │?? │?? ├── FooterNavLink.jsx │?? │?? ├── HeaderContainer.jsx │?? │?? ├── Header.jsx │?? │?? ├── HiddenFooter.jsx │?? │?? ├── IconButton.jsx │?? │?? ├── ListButton.jsx │?? │?? ├── PageLoading.jsx │?? │?? ├── PostList.jsx │?? │?? ├── Scroll.jsx │?? │?? └── Tabs.jsx │?? ├── constants.js │?? ├── Containers │?? │?? ├── App.jsx │?? │?? ├── Comments.jsx │?? │?? ├── Create.jsx │?? │?? ├── Find.jsx │?? │?? ├── Home.jsx │?? │?? ├── Join.jsx │?? │?? ├── Login.jsx │?? │?? ├── MoreLikes.jsx │?? │?? ├── Notice.jsx │?? │?? ├── Post.jsx │?? │?? ├── User.jsx │?? │?? ├── UserLikes.jsx │?? │?? └── UserPosts.jsx │?? ├── index.js │?? ├── Module │?? │?? ├── MaterialUIServiceRendering.js │?? │?? └── PWS.js │?? ├── public │?? │?? ├── Global.js │?? │?? ├── Theme.js │?? │?? └── tool.js │?? ├── public.js │?? ├── reducers │?? │?? ├── config.js │?? │?? ├── index.js │?? │?? └── loads.js │?? ├── static │?? │?? ├── favicon.ico │?? │?? ├── logo.png │?? │?? └── manifest.json │?? └── store.js ├── static │?? ├── default.jpg │?? ├── favicon.ico │?? ├── logo.png │?? └── manifest.json ├── webpack.build.js └── webpack.dev.js
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/94151.html
摘要:本來沒打算寫網(wǎng)易云音樂的,好像都已經(jīng)被大家寫爛了,不過沒辦法,暫時(shí)想不到其他的可寫,加上網(wǎng)易云音樂又有,還可以基于做一層的處理再提供給前端調(diào)用,然后才決定用寫了這個(gè)仿版網(wǎng)易云音樂技術(shù)棧實(shí)現(xiàn)的功能發(fā)現(xiàn)頁(yè)我的電臺(tái)頁(yè)側(cè)邊欄歌單內(nèi)頁(yè)電臺(tái)內(nèi) react-music 本來沒打算寫網(wǎng)易云音樂的,好像都已經(jīng)被大家寫爛了,不過沒辦法,暫時(shí)想不到其他的可寫,加上網(wǎng)易云音樂又有API,還可以基于restfu...
摘要:工具軟件欲先攻其事必先利其器,用好工具是做好開發(fā)的基礎(chǔ)。框架目前最流行簡(jiǎn)單易用,越來越多人用曾經(jīng)很流行,現(xiàn)在有點(diǎn)衰退狀態(tài)管理后端渲染開發(fā)工具依賴管理,應(yīng)用打包,任務(wù)管理,編輯器擴(kuò)展,,移動(dòng)端有了前端的知識(shí)后,我們還可以開發(fā)手機(jī)。 2019年即將到來,各位同學(xué)2018年辛苦了。 不管大家2018年過的怎么樣,2019年還是要繼續(xù)加油的! 在此我整理了個(gè)人認(rèn)為在2019仍是或者將成為主流的...
摘要:感謝王下邀月熊分享的前端每周清單,為方便大家閱讀,特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列,并以年月為單位進(jìn)行分類,具體內(nèi)容看這里前端每周清單年度總結(jié)與盤點(diǎn)。 感謝 王下邀月熊_Chevalier 分享的前端每周清單,為方便大家閱讀,特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列,并以年/月為單位進(jìn)行分類,具...
閱讀 3843·2021-11-25 09:43
閱讀 2184·2021-11-23 10:11
閱讀 1413·2021-09-29 09:35
閱讀 1359·2021-09-24 10:31
閱讀 2049·2019-08-30 15:48
閱讀 2366·2019-08-29 15:28
閱讀 439·2019-08-29 12:36
閱讀 3499·2019-08-28 18:12