• 开发了一款小程序


    开发小程序

    写在前面:这是学习了若愚老师的课程开发的一款翻译小程序,为什么选择了小程序,是因为在此之前,对于小程序开发是基本上没有去了解过,借此机会,也是希望能熟悉一下小程序的一些项目开发流程。

    以下是此款小程序的主要功能和界面:

    首页:

    首页

    首页功能:翻译、复制翻译结果、清空输入框

    语言选择:

    语言选择

    可选择翻译语言

    历史:

    历史

    可查看最近十条翻译历史、点击翻译历史可回到首页继续编辑

    这是小程序的入口,非常欢迎提出意见和建议:

    小程序入口

    代码仓库:GitHub


    开发准备

    在开发之前,把官方开发文档大概过了一遍,稍微熟悉开发小程序所需的工具、代码构成、框架、组件、API、发布、上线等。

    微信公众平台上有很详细的引导教程,包括账号注册、管理平台、开发者工具等。

    前期的准备包括:

    1.注册账号

    2.开发者工具的下载

    新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,最后,勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

    然后第一个小程序就跑起来了:

    小程序


    开发过程

    因为之前一直在学习 Vue,所以在小程序的开发过程中,倒也没有遇到什么特别的困难。

    代码结构和语法方面,虽然和 Vue 不同,但是都差别不大,有 Vue 基础的话,小程序的开发还是比较好上手。

    翻译功能使用了百度翻译提供的 API : http://api.fanyi.baidu.com/api/trans/product/apidoc;

    保存和展示翻译历史信息使用了微信的 API :wx.setStorageSyncwx.getStorageSync;

    复制翻译信息使用了微信的 API :wx.setClipboardData


    收获

    这款小程序相当于入门级别,浅尝辄止,就不继续深入下去了。

    花个一两天时间了解了关于小程序开发的一些基本内容,也算是一种收获吧。

  • 相关阅读:
    Dubbo学习系列之六(微服务架构实战)
    流式计算(二)-Kafka Stream
    流式计算(一)-Java8Stream
    Dubbo学习系列之七(分布式订单ID方案)
    Dubbo学习系列之十六(ELK海量日志分析框架)
    什么情况下不能使用 Java 泛型
    Java Stream 流如何进行合并操作
    可别在代码中写那么多魔法值了,脑壳疼!
    你知道如何自动保存 Spring Boot 应用进程号吗
    Spring 官方发起Spring Authorization Server 项目
  • 原文地址:https://www.cnblogs.com/No-harm/p/9970655.html
Copyright © 2020-2023  润新知