三国志14信息查询小程序(历史武将信息一览)制作更新过程02-基本架构

0,前期准备

(1)一台有公网IP的云服务器,服务器上安装MySQL数据库,启用IIS服务。出入端口号配置运行(服务器和平台都要配置),IIS服务器上安装SSL证书
(2)域名(已备案,且解析到上面云服务器的地址)
(3)已注册微信公众平台账号(即注册账号类型为小程序)
(4)小程序平台上绑定服务器域名
(5)小程序完成之后,正式上线需要备案(今年十月份的新要求,之前是不需要的)

1,后台使用ASP .NET编程,使用IIS发布


2,小程序当然是用小程序平台上发布的了

(1)在微信开发者工具里上传代码
(2)在小程序平台提交审核,审核通过后即可变为正式版

3,小程序如何获取数据库数据

即调用IIS发布网站的接口,例如:

4,小程序结构

在config.js 文件中配置数据接口域名地址

javascript 复制代码
|-- 小程序目录
|   |-- component                     # 公共组件目录
|       |-- star-rating               # 评分评论组件
|       |   |-- star-rating.js        # 组件逻辑
|       |   |-- star-rating.json      # 组件配置
|       |   |-- star-rating.wxml      # 组件结构
|       |   |-- star-rating.wxss      # 组件样式
|       |-- zoomImgByView             # 地图缩放组件
|       |   |-- zoomImgByView.js
|       |   |-- zoomImgByView.json
|       |   |-- zoomImgByView.wxml
|       |   |-- zoomImgByView.wxss
|       |-- config.js                 # 基础URL配置信息
|   |-- ec-canvas                     # ECharts图表组件目录
|       |   |-- ec-canvas.js
|       |   |-- ec-canvas.json
|       |   |-- ec-canvas.wxml
|       |   |-- ec-canvas.wxss
|       |   |-- echarts.min.js        # ECharts库的压缩版
|       |   |-- wx-canvas.js          # 微信小程序Canvas绘图逻辑
|   |-- image                         # 图标及默认头像
|   |-- pages                         # 页面目录
|       |-- about                     # 关于信息页
|       |   |-- about.js
|       |   |-- about.json
|       |   |-- about.wxml
|       |   |-- about.wxss
|       |-- customize                 # 自定义武将页
|       |   |-- customize.js
|       |   |-- customize.json
|       |   |-- customize.wxml
|       |   |-- customize.wxss
|       |-- details                   # 人物详情页(五维、个性、列传等)
|       |   |-- details.js
|       |   |-- details.json
|       |   |-- details.wxml
|       |   |-- details.wxss
|       |   |-- guData.js             # 武将基础信息及古武将信息
|       |-- index                     # 首页
|       |   |-- index.js
|       |   |-- index.json
|       |   |-- index.wxml
|       |   |-- index.wxss
|       |-- map                       # 地图页
|       |   |-- details.js
|       |   |-- details.json
|       |   |-- details.wxml
|       |   |-- details.wxss
|       |-- moreDetails               # 人物更多详情页(阵型、战法、亲爱厌恶、剧本出场等)
|       |   |-- moreDetails.js
|       |   |-- moreDetails.json
|       |   |-- moreDetails.wxml
|       |   |-- moreDetails.wxss
|       |-- my                        # 综合信息页
|       |   |-- details.js
|       |   |-- details.json
|       |   |-- details.wxml
|       |   |-- details.wxss
|   |-- utils                         # 存放工具函数和一些特定的数据。 
|       |-- guData.json               # 古武将数据
|       |-- newwork.js                # 加载状态函数
|       |-- san_states.js             # 三国郡县数据
|       |-- util.js                   # 一些格式化函数
|       |-- war_data.js               # 三国战争年表
|   |-- .gitignore
|   |-- app.js                        # 整个小程序的逻辑入口文件。
|   |-- app.json                      # 微信小程序的全局配置文件,定义了小程序的页面路径以及底部 tab 栏的设计等。
|   |-- app.wxss                      # 全局样式文件,在整个小程序范围内都会生效。
|   |-- fide.project.config.json
|   |-- project.config.json           # 微信小程序的项目配置文件(appid等)。
|   |-- README.md                     # 项目的说明文档
|   |-- sitemap.json                   

5,数据表

主要的表为三个,分布是存储基本全部数据的sandata数据表,存储人物历代头像图片名称的image_filenames表和存储人物评分评分数据的character_rating表

(1)sandata表:
(2)image_filenames表:
(3)character_rating表:

6,小程序更新一般流程

(1)小程序代码更改:

修改代码->本地测试->提交代码->体验版测试->提交审核->发布上线->小程序测试->完成或出现问题从头开始

(2)后台更改

修改代码->本地测试->后台打包->替换IIS下打包文件->重启网站->小程序测试->完成或出现问题从头开始

相关推荐
流***陌6 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
Tencent_TCB6 小时前
云开发CloudBase AI+实战:快速搭建AI小程序全流程指南
人工智能·ai·小程序·ai编程·云开发
说私域9 小时前
“开源AI大模型AI智能名片S2B2C商城小程序”视角下的教育用户策略研究
人工智能·小程序
2501_9160074712 小时前
提升 iOS 26 系统流畅度的实战指南,多工具组合监控
android·macos·ios·小程序·uni-app·cocoa·iphone
一匹电信狗14 小时前
【MySQL】数据库表的操作
linux·运维·服务器·数据库·mysql·ubuntu·小程序
2501_9159214317 小时前
iOS 应用代上架流程,多工具组合与使用 开心上架 跨平台自动化上传指南
android·ios·小程序·uni-app·自动化·cocoa·iphone
知识分享小能手17 小时前
uni-app 入门学习教程,从入门到精通,uni-app组件 —— 知识点详解与实战案例(4)
前端·javascript·学习·微信小程序·小程序·前端框架·uni-app
Q_Q196328847518 小时前
python+uniapp基于微信小程序的助眠小程序
spring boot·python·小程序·django·flask·uni-app·node.js
韩立学长20 小时前
基于微信小程序的公益捐赠安全平台9hp4t247 包含完整开发套件(程序、源码、数据库、调试部署方案及开发环境)系统界面展示及获取方式置于文档末尾,可供参考。
数据库·微信小程序·小程序
2501_9159184121 小时前
iOS 混淆与 IPA 加固一页式行动手册(多工具组合实战 源码成品运维闭环)
android·运维·ios·小程序·uni-app·iphone·webview