概述

最近更新时间:2023-05-26 17:05:58

我的收藏
本文将以产品介绍企业品牌官网为例,介绍如何使用微搭企业品牌官网与企业管理后台的搭建。

应用介绍

企业品牌官网包含两个应用:
企业品牌官网:面向客户,介绍企业信息以及相关产品,提供预约试用能力(自定义用,支持 H5 和小程序)。
企业品牌官网后台管理:面向企业运营人员,维护企业动态信息(模型应用)。

需求分析

产品介绍官网主要满足企业做宣传和介绍使用,因此我们功能分为四部分。
首页:主要包含企业的宣传图片、产品功能的展示和产品预约的表单提交。
产品:以卡片的方式展示企业展品信息。
案例:以列表的方式展示企业案例,具体内容以文章的方式展示。
联系我们:介绍企业说明以及联系方式等信息。

功能规划

以下展示企业品牌官网应用所有功能:

按照功能规划我们具体拆分为以下一些功能页面:
页面名称
功能描述
首页
包括轮播图、产品功能介绍、产品预约、对接微信客服
产品
展示轮播图、以卡片的方式展示不同版本产品的特点,单击按钮进入相关链接页面
Web 页面
小程序上使用 webView 组件展示单击产品按钮后的转跳的网页
案例
展示轮播图、以图文列表的方式展示案例,单击案例进入案例详情
案例详情
以图文混排的方式展示案例具体信息
联系我们
展示轮播图、企业介绍、企业联系方式等信息

数据源设计

一般网站上的信息都需要运营人员进行维护,我们将站点上经常变化的部分提炼到数据源中,方便运营人员日常对数据的查阅、修改。

产品功能模型

字段名称
字段标识
字段类型
字段描述
标题
title
文本
功能点标题
说明
infos
数组(文本)
功能点具体说明
图示
pic
图片
功能展示图片

产品版本模型

字段名称
字段标识
字段类型
字段描述
版本名称
name
文本
版本名
简介
brief
文本
版本简介
说明
info
文本
版本说明
是否免费
isFree
布尔值
此版本产品是否免费
是否定制化
isCustomized
布尔值
此版本产品是否支持定制化
特性
features
数组(文本)
此版本有何特性
图标
icon
图片
此版本图标
价格
price
数字
版本价格
单位
unit
文本
价格单位
详情链接
url
网址
详情介绍链接

案例模型

字段名称
字段标识
字段类型
字段描述
标题
title
文本
案例标题
内容
content
富文本
案例富文本内容
缩略图
img
图片
缩略图,显示在案例列表中

体验预约模型

字段名称
字段标识
字段类型
字段描述
姓名
name
文本
预约者姓名
联系方式
phone
文本
预约者电话
地址
address
文本
预约者地址