本篇文章給大家談?wù)剬櫸飫?chuàng)新創(chuàng)業(yè)項目計劃書，以及寵物床頭柜的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
文章詳情介紹：
- 1,30歲被裁，我用云開發(fā)寫了個上門喂貓小程序進行創(chuàng)業(yè)
- 2,人寵和諧共用！萌姿貓，一款能當(dāng)家具的貓窩，喵星人家也能有格調(diào)
- 3,30歲被裁，我用云開發(fā)寫了個上門喂貓小程序進行創(chuàng)業(yè)
30歲被裁，我用云開發(fā)寫了個上門喂貓小程序進行創(chuàng)業(yè)
關(guān)于我：在天府三街太保大廈里面的一名前端碼畜。2023年離春節(jié)放假的最后一個星期，通知被裁，縱然很舍不得身邊的朋友，也的確是沒有辦法，因為這個部門幾乎都沒有了。當(dāng)時覺得以自己的性格做不來管理，除了經(jīng)驗，敲代碼也敲不過年輕人。伴隨著自己內(nèi)心的惶恐，又正好在春節(jié)時期刷視頻看到了上門做飯和上門喂貓，就心里面一橫，決定自己創(chuàng)業(yè)。
（工位隨拍）
現(xiàn)在：經(jīng)過一個多月的籌劃，小程序也寫出來了，叫做橘胖胖。在高新區(qū)注冊了公司。也招了幾個員工。計劃在成都市區(qū)先做著試試看。
（第一天的地推）
自己摸索做的小程序：沒有UI設(shè)計, 就自己摸索
小程序使用： Taro + vue3 + unnocss + ts + NutUI4 + pinia 進行開發(fā)。不得不說 原子化css挺適合小型項目和個人的。
云開發(fā)中遇到的難點：1. 引入unnocss這里推薦使用 taro-plugin-unocss 插件。并在 Taro 項目配置文件 index.js中進行如下配置：
然后在入口文件 app.ts中引入uno.css，就可以在小程序中使用 unnocss 了。 unnocss速查https://uno.antfu.me/[1]
2. 自定義tabbar項目中，我沒有使用在 src 目錄下創(chuàng)建 custom-tab-bar文件夾的方式來實現(xiàn)自定義tabbar，而是使用了全局組件 + 全局狀態(tài)管理的方式。tabbar 當(dāng)前激活項index存儲在pinia中。這種方式的tabbar在小程序的第一次啟動中會出現(xiàn)閃動。
在app.ts全局配置文件中，添加要跳轉(zhuǎn)的tabbar頁面路由，用來占位和確保Taro.switchTab方法能調(diào)用成功。
添加全局tabbar組件, 并保證每次小程序進來，tabbar的激活項都在正確的位置。
3.云開發(fā)中的微信支付因為云開發(fā)的天然優(yōu)勢，在代碼中云開發(fā)初始化的時候，我們就可以拿到用戶 openid，后面通過 opendid來操作用戶相關(guān)的東西即可。 在云開發(fā)中，使用微信支付邏輯如下：
在微信支付成功回調(diào)函數(shù)里，處理完自有邏輯后，必須返回給微信成功狀態(tài)，不然微信會一直會回調(diào)訪問。
// 云函數(shù)入口文件
const cloud = require('wx-server-sdk')
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用當(dāng)前云環(huán)境
const db = cloud.database()
// 支付回調(diào)必須給騰訊服務(wù)器有返回
exports.main = async (event, context) => {
// 1. 保存微信服務(wù)器返回的內(nèi)容
db.collection('vx_pay_result_record').add({
data: {
_createTime: new Date().getTime(),
return_info: JSON.stringify(event)
}
})
// 2. 微信支付成功回調(diào)后，處理自行業(yè)務(wù)邏輯
// 判斷 vx 回調(diào)返回訂單金額、訂單號與數(shù)據(jù)庫是否一致，一致則允許更新數(shù)據(jù)
const orderInfoRes = await db.collection('order').where({
pay_status: 'wait',
order_number: event.outTradeNo
}).get()
// 與數(shù)據(jù)庫中支付價格一致時,允許修改
if (orderInfoRes.data[0].pay_price * 100 === event.cashFee) {
db.collection('order').where({
pay_status: 'wait',
order_number: event.outTradeNo // 使用商戶訂單號進行匹配
}).update({
// 修改訂單狀態(tài)和更新時間戳
data: {
pay_status: 'over',
order_status: 1,
_updateTime: new Date().getTime()
}
})
// 3. 返回指定格式的數(shù)據(jù)。告知微信服務(wù)器支付結(jié)果處理完成
return {
errcode: 0,
errmsg: 'ok'
}
}
}最后：
愿時光善待碼農(nóng)，愿我的朋友早日找到滿意工作。他們都是非常優(yōu)秀的 Web前端和 JAVA開發(fā)。也愿我們橘胖胖的項目能有所起色。如果你家里喂養(yǎng)了寵物，非常歡迎來找我們預(yù)約上門喂貓和上門遛狗
References[1] unnocss速查https://uno.antfu.me/: https://uno.antfu.me/
人寵和諧共用！萌姿貓，一款能當(dāng)家具的貓窩，喵星人家也能有格調(diào)
我們注意到這樣一個有趣現(xiàn)象
當(dāng)我們裝飾自己家時
都會非常注意自己所有物和家具的美感
然而卻往往會忽略寵物家具的風(fēng)格
事實上寵物家具也是我們生活環(huán)境中
不可分割的一部分
...
為此，萌姿貓設(shè)計師決定
為萌貓們和它們的主人
設(shè)計了一系列兼具建筑風(fēng)格
和自然影響力的貓屋
！！
專屬溫馨時光
比起貓寵，更喜歡一抬頭就可以看到你
舒適體驗，趣味悠閑
給它一個溫馨的居所
歲月靜好，溫潤如貓
一個貓窩，一個看似簡單產(chǎn)品
品質(zhì)顯得尤其重要，讓你為之動容~
即是小家具又是寵物窩
人寵和諧共用
優(yōu)雅靈動的多功能寵物窩
根據(jù)不同的居室空間的需求
可以轉(zhuǎn)變?yōu)榇差^柜、游戲桌、
茶幾等不同功用的家具
！！
人寵共用空間經(jīng)過合理設(shè)計
可自由搭配，隨心組合
是融入生活的家具
可以和我們的愛寵共享美好的時光
...
環(huán)保板材，呵護健康
專為喵星人打造
只為選擇健康舒適的貓窩
采用新型環(huán)保板材
防水、0甲醛、安全
可以給我們摯愛的小伙伴一個健康的家
大空間的休息區(qū)
無論貓咪如何偉岸都能進出自如
讓你的愛寵得到舒適的睡眠
讓生活變得多姿多彩~
安心居窩
自然精致、簡潔結(jié)構(gòu)、輕松組裝
它可以給你塑造生活中的純粹美感
貓窩結(jié)構(gòu)穩(wěn)定，結(jié)實耐用
符合國家安全環(huán)保標(biāo)準(zhǔn)
能給貓咪一個有歸屬感的安心居窩
！！
愛寵家居的顏值搭檔
生活需要儀式感
鏟屎官更需要
萌姿貓的床頭柜式環(huán)保貓窩
既為貓咪提供舒適的小窩
也提升了主人室內(nèi)環(huán)境的設(shè)計感
...
多用造型，美觀百變
讓貓窩也能成為
家居的一道靚麗風(fēng)景線
??！
END
一人一貓享受愜意時光
坐在沙發(fā)上，看喜歡的書
逗可愛的貓......
給愛寵一個溫暖舒適的家
讓寵愛變得簡單
??！
30歲被裁，我用云開發(fā)寫了個上門喂貓小程序進行創(chuàng)業(yè)
關(guān)于我：在天府三街太保大廈里面的一名前端碼畜。2023年離春節(jié)放假的最后一個星期，通知被裁，縱然很舍不得身邊的朋友，也的確是沒有辦法，因為這個部門幾乎都沒有了。當(dāng)時覺得以自己的性格做不來管理，除了經(jīng)驗，敲代碼也敲不過年輕人。伴隨著自己內(nèi)心的惶恐，又正好在春節(jié)時期刷視頻看到了上門做飯和上門喂貓，就心里面一橫，決定自己創(chuàng)業(yè)。
（工位隨拍）
現(xiàn)在：經(jīng)過一個多月的籌劃，小程序也寫出來了，叫做橘胖胖。在高新區(qū)注冊了公司。也招了幾個員工。計劃在成都市區(qū)先做著試試看。
（第一天的地推）
自己摸索做的小程序：沒有UI設(shè)計, 就自己摸索
小程序使用： Taro + vue3 + unnocss + ts + NutUI4 + pinia 進行開發(fā)。不得不說 原子化css挺適合小型項目和個人的。
云開發(fā)中遇到的難點：1. 引入unnocss這里推薦使用 taro-plugin-unocss 插件。并在 Taro 項目配置文件 index.js中進行如下配置：
然后在入口文件 app.ts中引入uno.css，就可以在小程序中使用 unnocss 了。 unnocss速查https://uno.antfu.me/[1]
2. 自定義tabbar項目中，我沒有使用在 src 目錄下創(chuàng)建 custom-tab-bar文件夾的方式來實現(xiàn)自定義tabbar，而是使用了全局組件 + 全局狀態(tài)管理的方式。tabbar 當(dāng)前激活項index存儲在pinia中。這種方式的tabbar在小程序的第一次啟動中會出現(xiàn)閃動。
在app.ts全局配置文件中，添加要跳轉(zhuǎn)的tabbar頁面路由，用來占位和確保Taro.switchTab方法能調(diào)用成功。
添加全局tabbar組件, 并保證每次小程序進來，tabbar的激活項都在正確的位置。
3.云開發(fā)中的微信支付因為云開發(fā)的天然優(yōu)勢，在代碼中云開發(fā)初始化的時候，我們就可以拿到用戶 openid，后面通過 opendid來操作用戶相關(guān)的東西即可。 在云開發(fā)中，使用微信支付邏輯如下：
在微信支付成功回調(diào)函數(shù)里，處理完自有邏輯后，必須返回給微信成功狀態(tài)，不然微信會一直會回調(diào)訪問。
// 云函數(shù)入口文件
const cloud = require('wx-server-sdk')
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 使用當(dāng)前云環(huán)境
const db = cloud.database()
// 支付回調(diào)必須給騰訊服務(wù)器有返回
exports.main = async (event, context) => {
// 1. 保存微信服務(wù)器返回的內(nèi)容
db.collection('vx_pay_result_record').add({
data: {
_createTime: new Date().getTime(),
return_info: JSON.stringify(event)
}
})
// 2. 微信支付成功回調(diào)后，處理自行業(yè)務(wù)邏輯
// 判斷 vx 回調(diào)返回訂單金額、訂單號與數(shù)據(jù)庫是否一致，一致則允許更新數(shù)據(jù)
const orderInfoRes = await db.collection('order').where({
pay_status: 'wait',
order_number: event.outTradeNo
}).get()
// 與數(shù)據(jù)庫中支付價格一致時,允許修改
if (orderInfoRes.data[0].pay_price * 100 === event.cashFee) {
db.collection('order').where({
pay_status: 'wait',
order_number: event.outTradeNo // 使用商戶訂單號進行匹配
}).update({
// 修改訂單狀態(tài)和更新時間戳
data: {
pay_status: 'over',
order_status: 1,
_updateTime: new Date().getTime()
}
})
// 3. 返回指定格式的數(shù)據(jù)。告知微信服務(wù)器支付結(jié)果處理完成
return {
errcode: 0,
errmsg: 'ok'
}
}
}最后：
愿時光善待碼農(nóng)，愿我的朋友早日找到滿意工作。他們都是非常優(yōu)秀的 Web前端和 JAVA開發(fā)。也愿我們橘胖胖的項目能有所起色。如果你家里喂養(yǎng)了寵物，非常歡迎來找我們預(yù)約上門喂貓和上門遛狗
References[1] unnocss速查https://uno.antfu.me/: https://uno.antfu.me/