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

news2025/1/12 18:23:04

0,前期准备

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

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

在这里插入图片描述
在这里插入图片描述

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

(1)在微信开发者工具里上传代码

在这里插入图片描述

(2)在小程序平台提交审核,审核通过后即可变为正式版

在这里插入图片描述

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

即调用IIS发布网站的接口,例如:
在这里插入图片描述

4,小程序结构

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

|-- 小程序目录
|   |-- 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下打包文件->重启网站->小程序测试->完成或出现问题从头开始

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1167057.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Astah Professional 全功能专业UML建模工具软件

Astah Professional是Mac上一款全新的轻量级UML建模工具。软件集思维导图和UML建模于一体,采用100%纯JAVA构建, 兼容性强,不仅能够实现分布式建模、项目合并,还能够实现和其它建模工具的交互。 Astah Professional软件优点 1、易…

Maven修改仓库和镜像地址

目录 1、修改仓库地址2、修改镜像地址 1、修改仓库地址 使用IDEA时,如果不指定自己下载的Maven,idea会默认使用自带的Maven 3(bundle)。maven 3默认的仓库路径一般是在c盘的用户文件夹中的.m2目录下: 当maven下的pom文件中的依赖逐渐增加时,maven仓库下…

leetcode:26. 删除有序数组中的重复项(python3解法)

难度:简单 给你一个 非严格递增排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 nums 中唯一元素的个数。 考虑 nums 的唯一元素的数…

Android 13 GTS GtsPermissionControllerHostTestCases Test Failed

Android13 平板项目测试GtsPermissionControllerHostTestCases Failed,失败日志如下: java.lang.AssertionError: on-device tests failed: com.android.gts.permissioncontroller.PermissionControllerTest29#testGranted: java.lang.NullPointerExcep…

搭建专属品牌的独立题库小程序,自定义小程序名称和Logo|题库刷题小程序定制开发

土著刷题Plus专业版,以【录题-分组-刷题-考试】为中心打造一套完备的在线组卷刷题学习平台,自定义品牌名称和Logo,入驻后,您将拥有自己独立的企业级专业运营管理平台。 土著刷题Plus专业版v1.3.1版本,我们迭代了独立小…

uniapp踩坑之项目:uniapp数字键盘组件—APP端

//在components文件夹创建digitKeyboard文件夹&#xff0c;再创建digitKeyboard.vue <!-- 数字键盘 --> <template><view class"digit-keyboard"><view class"digit-keyboard_bg" tap"hide"></view><view clas…

【Spring Boot】发送邮件功能

发送邮件功能 一.pom.xml文件添加邮件依赖二.发送邮件信息&#xff08;1&#xff09;固定配置在application.yml&#xff08;2&#xff09;发送邮箱配成活&#xff08;3&#xff09;底层发送邮件方法&#xff08;4&#xff09;QQ邮箱开通smtp服务&#xff08;5&#xff09;网易…

基础课17——智能客服系统

客户服务是一种以客户为中心的服务模式&#xff0c;旨在提高客户满意度和忠诚度&#xff0c;促进企业业务增长和可持续发展。在客户服务中&#xff0c;企业需要了解客户需求&#xff0c;提供优质、高效、个性化的服务&#xff0c;解决客户问题&#xff0c;满足客户需求&#xf…

蓝图分离卷积BSConv 学习笔记 (附代码)

论文地址&#xff1a;https://arxiv.org/abs/2003.13549 代码地址&#xff1a;https://github.com/zeiss-microscopy/BSConv 1.是什么&#xff1f; BSConv是深度可分离卷积DSConv的升级版本&#xff0c;它更好地利用内核内部相关性来实现高效分离。具体而言&#xff0c;BSCo…

lerna + vite + typescript 多库,多应用共存项目脚手架模板

最近想把多个代码仓进行合并&#xff0c;形成一个大的代码仓&#xff0c;需要将各个库以及应用放在一个项目下&#xff0c;统一打包管理。会形成如下文件结构&#xff1a; 在网上找了一圈&#xff0c;没有找到合适的脚手架模板。索性自己弄一个吧&#xff0c;开源一下&#x…

云产品OSS免费试用获取奖励步骤

文章目录 1、获取活动链接2、报名参加3、试用产品领取产品试用权限上传文件开启加速传输提交作品 4、提交任务获取奖励 1、获取活动链接 活动时间2023.11.1&#xff5e;2023.11.30 名额有限&#xff0c;先到先得 进群群主获取活动链接 2、报名参加 直接点击链接进入小程序进…

Centralized Feature Pyramid for Object Detection解读

Centralized Feature Pyramid for Object Detection 问题 主流的特征金字塔集中于层间特征交互&#xff0c;而忽略了层内特征规则。尽管一些方法试图在注意力机制或视觉变换器的帮助下学习紧凑的层内特征表示&#xff0c;但它们忽略了对密集预测任务非常重要的被忽略的角点区…

自动驾驶算法(四):RRT*算法讲解与代码实现(基于采样的路径规划)

目录 1 RRT算法和RRT*算法 2 RRT*代码相比于RRT的改进 3 RRT*完整代码 1 RRT算法和RRT*算法 从上篇博客我们可以看出&#xff0c;RRT算法找到最短路径特别快。因为它是一段一段的过去的&#xff0c;但同时它产生的路径也是非常糟糕、随机的只要找到了终点就会结束。 因此我们…

INFINI Labs 产品更新 | Agent 全新重构,优化指标采集,支持集中配置管理,支持动态下发等功能

INFINI Labs 产品又更新啦~ 本次更新主要有 Agent、Console、Loadgen 等产品&#xff0c;其中 Agent 进行全新重构升级&#xff0c;新版限制了 CPU 资源消耗&#xff0c;优化了内存&#xff0c;相比旧版内存使用率降低 10 倍&#xff0c;极大的降低了对宿主服务器造成资源占用…

Postgresql在linux环境下以源码方式安装

linux环境下源码方式的安装 1.下载安装包&#xff08;源码安装方式&#xff09; 安装包下载 https://www.postgresql.org/ftp/source/ 2.安装postgresql ① 创建安装目录 mkdir /opt/pgsql12② 解压下载的安装包 cd /opt/pgsql12 tar -zxvf postgresql-12.16.tar.gz ③编…

【UE5 Cesium】actor随着视角远近来变化其本身大小

效果 步骤 1. 首先我将“DynamicPawn”设置为默认的pawn类 2. 新建一个父类为actor的蓝图&#xff0c;添加一个静态网格体组件 当事件开始运行后添加一个定时器&#xff0c;委托给一个自定义事件&#xff0c;每2s执行一次&#xff0c;该事件每2s获取一下“DynamicPawn”和acto…

【优秀毕设】基于vue+ssm+springboot的校园交友网站系统设计(附源码论文)

摘要 随着信息技术和网络技术的飞速发展&#xff0c;人类已进入全新信息化时代&#xff0c;传统管理技术已无法高效&#xff0c;便捷地管理信息。为了迎合时代需求&#xff0c;优化管理效率&#xff0c;各种各样的管理系统应运而生&#xff0c;各行各业相继进入信息管理时代&a…

智能客服系统应用什么技术?

随着科技的飞速发展&#xff0c;智能客服系统逐渐出现在我们的生活中。这些系统不仅能够提供即时的客户服务&#xff0c;还可以通过人工智能等技术实现更加高效和准确的服务。那么&#xff0c;智能客服系统究竟应用了哪些技术呢&#xff1f;本文将详细解析。 1、机器学习技术 …

专访虚拟人科技:如何利用 3DCAT 实时云渲染打造元宇宙空间

自古以来&#xff0c;人们对理想世界的探索从未停止&#xff0c;而最近元宇宙的热潮加速了这一步伐&#xff0c;带来了许多新的应用。作为元宇宙的关键入口&#xff0c;虚拟现实&#xff08;VR&#xff09;将成为连接虚拟和现实的桥梁。苹果发布的VISION PRO头戴设备将人们对VR…