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