订水商城实战教程-06店铺信息

简介: 订水商城实战教程-06店铺信息


上一篇我们介绍了权限控制,本篇我们就开始首页开发了。首页先需要显示店铺的名称,我们需要将店铺的信息存入数据源中。

1 创建数据源

打开控制台,点击数据模型,点击+号进行创建

输入数据源的名称,店铺信息

点击编辑添加字段

先添加店铺名称,类型选择文本

第二个字段添加营业开始时间,类型选择日期时间,格式选择时间

第三个字段添加营业结束时间,类型选择日期时间,格式选择时间

第四个字段添加地址,类型选择地理位置

第五个字段添加联系电话,类型选择电话

第六个字段添加是否启用,类型选择布尔值

2 生成管理后台

数据源建好之后,需要给管理员一个维护的界面,在前边的章节中我们已经介绍了如何创建模型应用。找到我们的模型应用,添加页面

选择数据管理,选择我们刚刚创建的店铺信息数据源

点击右下角的导航菜单,配置菜单

将店铺信息列表添加入菜单中

发布后即可在企业工作台访问

3 创建腾讯地图API

在企业工作台中,点击地理位置,会提示信息需要配置腾讯地图API。打开控制台,在APIs里添加

在API列表里选择腾讯地图

开通的时候需要输入API Key

点击链接,进入到腾讯地图进行配置

打开后点击创建应用,输入应用的名称,勾选类型

按照图示进行勾选配置,同时还要输入小程序的appid

4 配置小程序

如果是首次使用,需要注册或者配置已有的小程序。打开控制台,在小程序开发认证进行注册

注册的时候根据自己的需要,可以注册成个人的也可以注册成企业的。但通常注册成企业的会更方便一点,很多功能是只有企业主体才可以调用,个人版小程序可以使用的功能有限

注册完毕后就可以看到自己小程序的appid,贴入腾讯地图的对应位置即可

5 地址组件配置地图API

选择编辑页面,选择地址的组件,在属性里配置我们刚刚创建的腾讯地图api

配置好之后,重新发布应用,我们就可以选择我们的地理位置信息了

6 显示店铺名称

首页一打开的时候,要显示店铺的名称,我们需要先创建一个变量来保存店铺的信息。点击代码区的新建,点击新建数据表查询

数据源选择店铺信息,触发方式选择入参变化时自动触发,方法选择查询多条

配置一个查询条件,是否启用等于true

给文本组件绑定内容,绑定为店铺名称

$w.shopInfo.data.records[0].dpmc

总结

本篇我们介绍了店铺信息功能的开发,涉及到如何开通腾讯地图服务,配置API信息,以及如何在前端展示的功能,下一篇我们介绍搜索功能如何开发。

相关文章
|
1天前
|
数据采集 存储 Java
Java爬虫获取微店店铺所有商品API接口设计与实现
本文介绍如何使用Java设计并实现一个爬虫程序,以获取微店店铺的所有商品信息。通过HttpClient发送HTTP请求,Jsoup解析HTML页面,提取商品名称、价格、图片链接等数据,并将其存储到本地文件或数据库中。文中详细描述了爬虫的设计思路、代码实现及注意事项,包括反爬虫机制、数据合法性和性能优化。此方法可帮助商家了解竞争对手,为消费者提供更全面的商品比较。
|
3月前
|
JSON BI API
商城上货API接口的实战案例
在商城上货过程中,API接口扮演着至关重要的角色。以下是对商城上货API接口的实战分析,涵盖其主要功能、类型、安全性以及实战案例等方面。
|
3月前
|
JSON API 数据格式
如何使用Python开发天猫获得淘宝买家秀API接口?
本文介绍了如何使用Python开发天猫和淘宝买家秀API接口,包括注册开放平台账号、创建应用获取API权限、构建请求URL、发送请求获取响应及解析数据等步骤,帮助开发者高效获取和处理商品信息与用户评价数据。
115 0
|
6月前
|
JSON 小程序 JavaScript
微信小程序制作 购物商城首页 【内包含源码】
这篇文章提供了一个微信小程序购物商城首页的实现方法和源码,包括页面布局、数据结构、核心代码以及如何配置tabBar和搜索框组件。
微信小程序制作 购物商城首页 【内包含源码】
|
5月前
|
缓存 Java 应用服务中间件
谷粒商城笔记(13)——商城业务-检索服务
搭建页面环境、检索DSL语句、查询部分、聚合部分、SearchRequest构建、页面渲染
谷粒商城笔记(13)——商城业务-检索服务
|
7月前
|
开发框架 移动开发 JSON
利用微信公众号实现商品的展示和支付(1)
利用微信公众号实现商品的展示和支付(1)
|
7月前
|
小程序
商家店铺电商小程序模板源码
商家店铺电商小程序模板源码
65 5
|
7月前
|
存储 开发框架 JavaScript
利用微信公众号实现商品的展示和支付(2)
利用微信公众号实现商品的展示和支付(2)
|
8月前
|
JSON 安全 API
电商开发者必读:微店商品详情API接口全解析
微店商品详情API让开发者能通过商品ID获取包括名称、价格、库存、描述和图片在内的详细信息。开发者需注册账号、获取API密钥和访问权限,并熟悉HTTP请求。请求示例为GET方法,响应数据以JSON格式返回。注意错误处理、保密性、频率限制和数据验证,以确保安全和高效使用。