亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

打造屬于你自己的instagram! 全棧項(xiàng)目(react + egg.js)

scq000 / 2718人閱讀

摘要：簡(jiǎn)介小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè)，你們的贊和是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力地址技術(shù)棧全家桶前后端分離開(kāi)發(fā)模式，前端項(xiàng)目與后端項(xiàng)目屬于不同的工程前端工程后端工程注此項(xiàng)目純屬個(gè)人瞎搞，與無(wú)任何關(guān)系。

簡(jiǎn)介

Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè) star，你們的贊和 star 是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力！GitHub 地址

技術(shù)棧

react全家桶

typescript

ant design

egg.js

mysql

前后端分離開(kāi)發(fā)模式，前端項(xiàng)目與后端項(xiàng)目屬于不同的工程

// instagram/client 前端工程
// instagram/service 后端工程

注：此項(xiàng)目純屬個(gè)人瞎搞，與instagram無(wú)任何關(guān)系。

部分功能截圖 
登錄

"

關(guān)注

發(fā)帖

點(diǎn)贊、評(píng)論、搜索

修改個(gè)人信息

運(yùn)行項(xiàng)目

因前后端不同端口原因，為解決跨域。前端工程啟動(dòng)了devServer，需先啟動(dòng)后端工程

git clone https://github.com/zhoushaw/I...

cd Instagram

運(yùn)行后端項(xiàng)目

請(qǐng)確保本地已裝mysql，并配置全局變量

mysql -u root -p 并輸入數(shù)據(jù)庫(kù)密碼

create database learn; 創(chuàng)建learn數(shù)據(jù)庫(kù)

use learn; 切換數(shù)據(jù)庫(kù)

source learn.sql的路徑; 例如：source /Users/shawzhou/Desktop/learning/instagram/db/learn.sql;

配置egg.js連接數(shù)據(jù)庫(kù)信息

// 前往service/config/config.local.ts，配置你的數(shù)據(jù)庫(kù)信息
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
    }

    // ....
}

// 七牛云存儲(chǔ)空間區(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] 登錄、注冊(cè) -- 完成

[X] 修改個(gè)人信息 --完成

[X] 關(guān)注 -- 完成

[X] 評(píng)論 -- 完成

[X] 點(diǎn)贊 -- 完成

[X] 搜索帖子 -- 完成

[X] 上傳頭像 -- 完成

[X] 發(fā)帖 -- 完成

[X] 收藏 -- 未完成

后記：小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè) star，你們的贊和 star 是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力！GitHub 地址

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/99658.html

相關(guān)文章

  • 打造屬于你自己的instagram!全棧項(xiàng)目

    摘要：簡(jiǎn)介小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè)，你們的贊和是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力地址技術(shù)棧全家桶前后端分離開(kāi)發(fā)模式，前端項(xiàng)目與后端項(xiàng)目屬于不同的工程前端工程后端工程注此項(xiàng)目純屬個(gè)人瞎搞，與無(wú)任何關(guān)系。 簡(jiǎn)介 Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè) star，你們的贊和 star 是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力！GitHub 地址 技術(shù)棧 rea...

    levius 評(píng)論0 收藏0

  • 打造屬于你自己的instagram!全棧項(xiàng)目

    摘要：簡(jiǎn)介小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè)，你們的贊和是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力地址技術(shù)棧全家桶前后端分離開(kāi)發(fā)模式，前端項(xiàng)目與后端項(xiàng)目屬于不同的工程前端工程后端工程注此項(xiàng)目純屬個(gè)人瞎搞，與無(wú)任何關(guān)系。 簡(jiǎn)介 Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得點(diǎn)個(gè)贊或者給個(gè) star，你們的贊和 star 是我編寫(xiě)更多更豐富開(kāi)源項(xiàng)目的動(dòng)力！GitHub 地址 技術(shù)棧 rea...

    王巖威 評(píng)論0 收藏0

  • EggBorn.js：一款頂級(jí)Javascript全棧開(kāi)發(fā)框架

    摘要：是什么是一款頂級(jí)全棧開(kāi)發(fā)框架。漸進(jìn)式開(kāi)發(fā)由于模塊的高度內(nèi)聚，可以將業(yè)務(wù)以模塊的形式沉淀，在多個(gè)項(xiàng)目中重復(fù)使用，既可貢獻(xiàn)到開(kāi)源社區(qū)，也可部署到公司內(nèi)部私有倉(cāng)庫(kù)。模塊發(fā)布當(dāng)項(xiàng)目中的模塊代碼穩(wěn)定后，可以將模塊公開(kāi)發(fā)布，貢獻(xiàn)到開(kāi)源社區(qū)。 EggBorn.js是什么 EggBorn.js是一款頂級(jí)Javascript全棧開(kāi)發(fā)框架。 EggBorn.js是采用Javascript進(jìn)行全棧開(kāi)發(fā)的最佳...

    dayday_up 評(píng)論0 收藏0

  • Cabloy.js：基于EggBorn.js開(kāi)發(fā)的一款頂級(jí)Javascript全棧業(yè)務(wù)開(kāi)發(fā)框架

    摘要：文檔官網(wǎng)文檔演示是什么是一款頂級(jí)全棧開(kāi)發(fā)框架。不重復(fù)造輪子，而是采用業(yè)界最新的開(kāi)源技術(shù)，進(jìn)行全棧開(kāi)發(fā)的最佳組合。漸進(jìn)式開(kāi)發(fā)由于模塊的高度內(nèi)聚，可以將業(yè)務(wù)以模塊的形式沉淀，在多個(gè)項(xiàng)目中重復(fù)使用，既可貢獻(xiàn)到開(kāi)源社區(qū)，也可部署到公司內(nèi)部私有倉(cāng)庫(kù)。 文檔 官網(wǎng) && 文檔 演示 PC：https://admin.cabloy.com Mobile： showImg(https://seg...

    tomlingtm 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<