微信小程序框架 同时兼容QQ小程序

简介: 最近一直在开发微信小程序,经过几个版本的迭代开发,代码终于能够达到框架级别,动态配置。除了界面有些寒酸以外,功能上还是挺完备的。主要有以下特点1、整个程序所需url地址均在api.js中定义,环境包括公网正式环境和本地调试环境,灵活切换。

最近一直在开发微信小程序,经过几个版本的迭代开发,代码终于能够达到框架级别,动态配置。除了界面有些寒酸以外,功能上还是挺完备的。

image

主要有以下特点

1、整个程序所需url地址均在api.js中定义,环境包括公网正式环境和本地调试环境,灵活切换。

image

2、首页支持两种展示模式,分别是列表和分组,并且也可以动态设置。效果如下所示

image

image

3、首页的数据源也是取自数据库。模块是否开启完全可以后台配置。

4、源码中也加入常用的功能模块源码,如:联系我们、Page页面预览、图片通用页面等。

image

不仅如此,这套框架还内含近200个API调用。参考下面的API列表页面

image

打开其中一个,可以看到某个API的具体调用方式,点击“测试”按钮,返回结果如下。

image

image

最后炫耀下,用这套框架做了下面这些小程序,非常高效。

image

同时,也不需担心不同文件夹中的文件复制问题。例:联系我们这个模块(4个文件)有改动时,如保同步至其他小程序里?使用下面这个小助手就可以,完美解决了文件复制问题

image

这套框架还有另一个特点,就是兼容QQ小程序,代码需要变动的很小。即使有差异的地方,只需按照如下做差异化即可。

image

以上介绍的是小程序的前端框架,后端提供标准的WebAPI输出,支持所有编程语言调用。 image

扫描下面小程序,可以看框架效果图

image

相关文章
|
11天前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
|
28天前
|
移动开发 小程序 JavaScript
开源的微信小程序框架
【8月更文挑战第22天】开源的微信小程序框架
133 65
|
24天前
|
移动开发 小程序 前端开发
|
1月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
30天前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
1月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
1月前
|
小程序 前端开发 JavaScript
微信小程序实现微信支付(代码和注释很详细)
微信小程序实现微信支付(代码和注释很详细)
|
2月前
|
开发框架 前端开发 JavaScript
在微信框架模块中,基于Vue&Element前端的事件和内容的管理
在微信框架模块中,基于Vue&Element前端的事件和内容的管理
|
28天前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
259 65
|
22天前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图