開工啦-耗時(shí)4天寫了(le/liǎo)一個(gè)小程序 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

開工啦-耗時(shí)4天寫了(le/liǎo)一個(gè)小程序

發表時(shí)間:2021-2-20

發布人(rén):融晨科技

浏覽次數:54

開工啦!新的(de)一年新的(de)氣象;首先祝願大(dà)家在(zài)新的(de)一年财運滾滾。在(zài)過春節的(de)這(zhè)幾天筆者花了(le/liǎo)大(dà)約 4 天 時(shí)間做了(le/liǎo)一個(gè)簡易版本的(de)【日程安排吧】微信小程序。做此程序的(de)主要(yào / yāo)目的(de)有兩個(gè):

  1. 給女朋友情人(rén)節一個(gè)禮物;
  2. 想記錄一下自己每次出(chū)遊的(de)日程安排以(yǐ)及照片

假如女朋友讓你安排一下周末出(chū)去玩兒的(de)攻略,我們可能會搜索一堆資料,然後大(dà)緻的(de)在(zài)微信裏面回複她說(shuō),什麽什麽時(shí)間做什麽;其實很多時(shí)候,我們做了(le/liǎo)一堆攻略,拍了(le/liǎo)一堆照片;照片和(hé / huò)記錄沒有更好的(de)關聯起來(lái),其次朋友找我們要(yào / yāo)起去某某地(dì / de)方的(de)攻略時(shí),我們不(bù)得不(bù)翻箱倒櫃的(de)去找自己之(zhī)前的(de)記錄;在(zài)我們遇到(dào)手機損壞圖片沒有來(lái)得及存放在(zài)雲端時(shí),一部分珍貴的(de)照片就(jiù)會消失掉。

誠然,現如今有一堆類似于(yú)【小紅書】類型的(de) App 或者軟件去做攻略分享的(de)軟件;此類App功能及廣告比較多,無法集中精力去做指定的(de)事情;還有就(jiù)是(shì)想做一個(gè)自己的(de)小程序記錄一下自己/對象的(de)出(chū)遊。

前言: 此小程序共計耗時(shí) 4 天初步完成,有諸多不(bù)足之(zhī)處敬請諒解。

首頁主要(yào / yāo)功能:

  1. 展示個(gè)人(rén)創建的(de)日程安排以(yǐ)及别人(rén)公開的(de)日程安排;
  2. 查看個(gè)人(rén)相關的(de)功能

首頁-個(gè)人(rén)創建的(de)首頁-公開個(gè)人(rén)信息頁
如何創建一個(gè)日程?


日程創建主要(yào / yāo)分爲(wéi / wèi)三個(gè)步驟:

  1. 填寫日程名稱;
  2. 選擇日程時(shí)間
  3. 填寫内容

之(zhī)所以(yǐ)如此設計的(de)原因主要(yào / yāo)因爲(wéi / wèi),想減少一下手機端編寫列表;做成類似于(yú) xmind 的(de)形式,也(yě)許更加直觀。

創建-填寫名稱創建-選擇時(shí)間創建-填寫安排

預覽日程主要(yào / yāo)有一下幾個(gè)特點:

  1. 背景全屏自動播放自己上(shàng)傳的(de)圖片;
  2. 背景圖片點擊進入圖片預覽模式,長按可以(yǐ)下載圖片;
  3. 可以(yǐ)查看日程安排詳情,點擊左側按鈕可以(yǐ)将詳情收縮到(dào) mini 模式;
  4. 可以(yǐ)點贊或則編輯日程
日程詳情-全預覽日程詳情-mini 模式

在(zài)我們已經創建日程之(zhī)後,想要(yào / yāo)上(shàng)傳一些圖片可以(yǐ)選擇編輯日程;日程的(de)編輯中您可以(yǐ)再次對名稱,時(shí)間,内容等進行修改;也(yě)可以(yǐ)點擊上(shàng)傳自己的(de)圖片。

除了(le/liǎo)以(yǐ)上(shàng)功能,還有一些簡單的(de)點:

  1. 自定義首頁和(hé / huò)詳情頁展示順序;
  2. 給程序員小哥提需求
自定義順序程序員小哥提需求

此公衆号做了(le/liǎo)一個(gè)技術博文,且作爲(wéi / wèi)一個(gè)合格的(de)程序員小哥肯定是(shì)要(yào / yāo)聊聊整個(gè)程序是(shì)什麽做的(de)?

此小程序共計耗時(shí) 4 天初步完成,有諸多不(bù)足之(zhī)處敬請諒解。

微信 小程序端 主要(yào / yāo)使用了(le/liǎo):

  1. 微信原生小程序開發;(不(bù)要(yào / yāo)問我爲(wéi / wèi)啥,因爲(wéi / wèi)小程序原生開發真的(de)不(bù)難);
  2. 組件庫部分使用 vant 組件;其餘爲(wéi / wèi)自定義組件

項目目錄如下:

後端程序的(de)技術棧爲(wéi / wèi): Koa2+mysql+sequlizejs+cls-hooked+redis+typescript

功能點:

cls-hooked
sequlize
koa-static
redis

項目目錄如下:

相關案例查看更多