基于腾讯云开发小程序(新闻发布及共享平台)中

简介: 基于腾讯云开发小程序(新闻发布及共享平台)中

前言

微信小程序云开发是腾讯云和微信团队联合开发的,集成于微信小程序控制台的原生Serverless 云服务,解决了Serverless架构对端的“最后一公里”问题,通过集成端SDK,配合云开发后台的API网关,为开发者提供了一站式后端云服务。云开发支持多种客户端,帮助开发者统一构建和管理资源,免去了开发中服务器搭建、极大简化了URL配置、鉴权管理等流程,让微信小程序开发者专注于业务逻辑的实现,而无须理解后端逻辑及服务器运维知识,门槛更低,效率更高。只需要一名开发人员就可以完成所有的工作。

一、创建前的构思

我们要写的是一个基于云开发的新闻共享平台微信小程序,所以我们首先下创建好云环境后创建好数据库以及云储存。然后我们创建新闻的平台只需两个页面就够了,一个是展示给用户看的页面我们先将他命名为(list),一个是我的页面(me)

list:

1.需要有一个搜索框来供用户搜索及查找:(1)当用户需要搜索某一个新闻的原创作者或者转载者的时候我们会根据某个按钮来get到数据库中已经添加好的作者或者转载者的数据信息,然后通过控制数据库的命令来把找到的数据库中的指定的某一条记录通过wx:for的形式显示在搜索下面的框中,然后我们在写一个跳转命令时每一个新闻根据自己的id不同跳转到每一个不同的detail详情页!

2.需要一个导航栏来供用户查找微信的类别:(1)当用户点击每一个不同的分类时,我们先给每一个分类创建好id,随后根据id来get到每一个不同的list页面!

3.需要一个上下滑动形式的列表供每一个新闻的展示:(1)当用户点击时要从新闻的封面跳转到详情页所以我们需要在创建一个detail用每一个新闻的id来get到每一个新闻的详情页来进行展示!

me:

1.需要有一个空间存放用户的微信昵称与头像

2.因为是平台,所以需要存放一个客服按钮:(1)客服可以直接在官方文档中找到如(open-type="contact")在添加适当的样式即可!

3.需要有一个按钮跳转到"原创或者转载专区的界面中":(1)所以我们还得要写一个单独的页面(xuanze)供点击"爆料"后选择原创或转载的跳转页面

(2)所以我们还得写两个页面分别为:

(add):供原创上传文字及图片至数据库及云存储!

(add1):供转载上传文字及图片至数据库及云存储!

4.有一个授权登录的按钮与上面的昵称与头像呼应!


二、文件结构

创建所有文件结构如下:

image.png

目录
相关文章
|
29天前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
259 65
|
3天前
|
小程序 JavaScript 开发工具
微信小程序——全局数据共享
微信小程序——全局数据共享
|
22天前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
14天前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
39 3
|
22天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
本文介绍了Taro中`useShareAppMessage`的使用方法,需在页面配置`enableShareAppMessage: true`并重新编译。
Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享
|
22天前
|
小程序 数据安全/隐私保护
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
在 `src/http` 目录下创建 `request.ts` 文件,并配置 Taro 的网络请求方法 `Taro.request`,支持多种 HTTP 方法并处理数据加密。
Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装
|
22天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
本文介绍如何在Taro项目中使用Nut UI的`<nut-uploader/>`组件实现图片上传功能,并通过示例代码展示了自定义上传逻辑的方法。
Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件
|
22天前
|
小程序
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
本文介绍如何在Taro项目中配置深色模式。通过在`src/app.config.ts`设置`darkmode`选项和在`theme.json`中定义主题变量,可以实现跟随系统主题的界面风格切换。
Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)
|
22天前
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
3天前
|
小程序 前端开发 JavaScript
Java开发工程师转小程序开发的前景如何?
Java开发工程师转小程序开发的前景如何?
15 0

热门文章

最新文章