摘要:簡介小伙伴們,如果覺得本文還不錯,記得點個贊或者給個,你們的贊和是我編寫更多更豐富開源項目的動力地址技術棧全家桶前后端分離開發模式,前端項目與后端項目屬于不同的工程前端工程后端工程注此項目純屬個人瞎搞,與無任何關系。
簡介
Hello 小伙伴們,如果覺得本文還不錯,記得點個贊或者給個 star,你們的贊和 star 是我編寫更多更豐富開源項目的動力!GitHub 地址
技術棧
react全家桶
typescript
ant design
egg.js
mysql
前后端分離開發模式,前端項目與后端項目屬于不同的工程
// instagram/client 前端工程 // instagram/service 后端工程
注:此項目純屬個人瞎搞,與instagram無任何關系。
部分功能截圖登錄
"
關注
發帖
點贊、評論、搜索
修改個人信息運行項目
因前后端不同端口原因,為解決跨域。前端工程啟動了devServer,需先啟動后端工程
git clone https://github.com/zhoushaw/I...
cd Instagram
運行后端項目
請確保本地已裝mysql,并配置全局變量
mysql -u root -p 并輸入數據庫密碼
create database learn; 創建learn數據庫
use learn; 切換數據庫
source learn.sql的路徑; 例如:source /Users/shawzhou/Desktop/learning/instagram/db/learn.sql;
配置egg.js連接數據庫信息
// 前往service/config/config.local.ts,配置你的數據庫信息 config.sequelize = { dialect: "mysql", host: "127.0.0.1", port: 3306, database: "learn", username: "", password: "", operatorsAliases: false };
配置七牛云上傳鑒權信息
// 前往/service/app/service/qiniu.ts,配置你的七牛云獲取token信息 export default class qiniuService extends Service { // 前往七牛云的個人面板=>秘鑰管理查看 private accessKey: string = ""; // 秘鑰 private secretKey: string = ""; // 秘鑰 private publicBucketDomain = ""; // 外鏈默認域名 private options: qiniuOptioin = { scope: "", // 上傳空間 expires: 7200 } // .... } // 七牛云存儲空間區設置,前往/client/src/components/upload/index.js,配置上傳區 class Upload extends React.Component{ uploadFn = async () => { // ... var config = { region: qiniu.region.z0 // 所屬區,可前往七牛云文檔查看 }; // ... }
在/service文件下
npm install
npm run dev
運行前端項目
cd client
npm install
npm start
目標功能[X] 登錄、注冊 -- 完成
[X] 修改個人信息 --完成
[X] 關注 -- 完成
[X] 評論 -- 完成
[X] 點贊 -- 完成
[X] 搜索帖子 -- 完成
[X] 上傳頭像 -- 完成
[X] 發帖 -- 完成
[X] 收藏 -- 未完成
后記:小伙伴們,如果覺得本文還不錯,記得點個贊或者給個 star,你們的贊和 star 是我編寫更多更豐富開源項目的動力!GitHub 地址
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114322.html
摘要:簡介小伙伴們,如果覺得本文還不錯,記得點個贊或者給個,你們的贊和是我編寫更多更豐富開源項目的動力地址技術棧全家桶前后端分離開發模式,前端項目與后端項目屬于不同的工程前端工程后端工程注此項目純屬個人瞎搞,與無任何關系。 簡介 Hello 小伙伴們,如果覺得本文還不錯,記得點個贊或者給個 star,你們的贊和 star 是我編寫更多更豐富開源項目的動力!GitHub 地址 技術棧 rea...
摘要:簡介小伙伴們,如果覺得本文還不錯,記得點個贊或者給個,你們的贊和是我編寫更多更豐富開源項目的動力地址技術棧全家桶前后端分離開發模式,前端項目與后端項目屬于不同的工程前端工程后端工程注此項目純屬個人瞎搞,與無任何關系。 簡介 Hello 小伙伴們,如果覺得本文還不錯,記得點個贊或者給個 star,你們的贊和 star 是我編寫更多更豐富開源項目的動力!GitHub 地址 技術棧 rea...
摘要:本系列文章使用的是阿里云的云服務器,僅僅是因為在國內用阿里云的人比較多而已。在這里我們采用將單獨部署到上運行的方式完成安裝,這也是比較推薦的方式。 本文是鋼哥的Oracle APEX系列文章中的其中一篇,完整 Oracle APEX 系列文章如下: Oracle APEX 系列文章1:Oracle APEX, 讓你秒變全棧開發的黑科技 Oracle APEX 系列文章2:在阿里云上打...
閱讀 1290·2021-11-24 09:39
閱讀 2631·2021-09-30 09:47
閱讀 1324·2021-09-22 15:15
閱讀 2410·2021-09-10 10:51
閱讀 1953·2019-08-30 15:55
閱讀 2976·2019-08-30 11:06
閱讀 896·2019-08-30 10:53
閱讀 830·2019-08-29 17:26