zoukankan      html  css  js  c++  java
  • 开发了一款小程序

    开发小程序

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

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

    首页:

    首页

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

    语言选择:

    语言选择

    可选择翻译语言

    历史:

    历史

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

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

    小程序入口

    代码仓库: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


    收获

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

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

  • 相关阅读:
    错误日志记录代码
    将数组转换成datatable
    C#类头注释
    判断当前页面是否接收到了Get或者Post请求
    HttpRequestUtil类
    WeChatUtil类
    返回上一页
    更改同步异步
    限制只能输入数字
    判断浏览器及版本
  • 原文地址:https://www.cnblogs.com/No-harm/p/9970655.html
Copyright © 2011-2022 走看看