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

这篇具有很好参考价值的文章主要介绍了三国志14信息查询小程序(历史武将信息一览)制作更新过程02-基本架构。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

0,前期准备

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

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

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

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

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

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

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

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

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

即调用IIS发布网站的接口,例如:
三国志14信息查询小程序(历史武将信息一览)制作更新过程02-基本架构,微信小程序,小程序

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表
三国志14信息查询小程序(历史武将信息一览)制作更新过程02-基本架构,微信小程序,小程序

(1)sandata表:

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

(2)image_filenames表:

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

(3)character_rating表:

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

6,小程序更新一般流程

(1)小程序代码更改:

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

(2)后台更改

修改代码->本地测试->后台打包->替换IIS下打包文件->重启网站->小程序测试->完成或出现问题从头开始文章来源地址https://www.toymoban.com/news/detail-744416.html

到了这里,关于三国志14信息查询小程序(历史武将信息一览)制作更新过程02-基本架构的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序接入快递100,查询快递信息(免费接入)

    插件申请接入 首先要在小程序管理后台的“设置-第三方设置-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appid【wx6885acbedba59c14】 查找插件并添加。等待插件开发者通过后,方可在小程序中使用相应的插件。 快递100插件地址:https://fuwu.weixin.qq.com/service/detai

    2024年02月07日
    浏览(68)
  • 「教程」微信小程序获取经纬度查询天气预警信息

    使用天气预警API 可以帮助人们及时获取和了解天气预警信息,以便采取相应的措施来保护自身和财产。天气预警通常是由气象部门或相关机构发布的,用于提醒公众可能出现的极端天气或自然灾害,如暴雨、洪水、台风、暴风雪、雷暴、高温、低温、霜冻等。 本文将详细介

    2024年02月08日
    浏览(65)
  • Jetson 系统监视程序Jtop及Jetson基本信息查询

    开启后的界面如下: 安装Jetson的监视程序: “了解安装的Jetpack版本是多少?” “了解[GPU]的使用率?” “了解Jetson机器工作在什么模式下?” “了解CPU用了几个?“ “散热片好烫,了解风扇有在工作么?” 有一个Jetson的小工具:Jtop(一个系统监视实用程序,可在终端上

    2024年02月11日
    浏览(37)
  • 网站域名历史记录批量查询-老域名建站历史快照数据查询

      域名建站历史查询软件是一种用于查询一个域名被使用的网站的历史记录的工具。它可以提供许多有用的信息,包括该网站的创建和修改日期、使用的网站建设平台、使用的CMS系统、网站的历史页面内容和页面结构等。 域名建站历史查询软件的作用是帮助网站管理员、S

    2024年02月08日
    浏览(173)
  • 基于微信小程序的公交信息在线查询系统+ssm后台管理源码和论文

    微信小程序公交信息在线查询系统 摘要 随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了微信小程序公交信息在线查询系统的开发全过程。通过分析微信小程序公交信息在线查询系统信息管理的不足,创建了一个计算机

    2024年01月17日
    浏览(50)
  • Flask Echarts 实现历史图形查询

    Flask前后端数据动态交互涉及用户界面与服务器之间的灵活数据传递。用户界面使用ECharts图形库实时渲染数据。它提供了丰富多彩、交互性强的图表和地图,能够在网页上直观、生动地展示数据。ECharts支持各种常见的图表类型,包括折线图、柱状图、饼图、散点图等,同时还

    2024年02月05日
    浏览(34)
  • SQL Server查询历史执行记录

    1. 使用 SQL Server Management Studio (SSMS) 的查询执行记录功能: 打开 SSMS,连接到要查看执行记录的数据库服务器。 在“对象资源管理器”窗格中,右键单击要查看执行记录的数据库,然后选择“报表” “标准报表” “执行记录”。 在“执行记录”窗口中,选择要查看的时间范

    2024年02月17日
    浏览(41)
  • 基于BCOS的历史数据查询方案

    完成类fabric里gethistoryfromkey的功能,即可以根据key查询key对应数据的表更记录。 智能合约新增逻辑 在智能合约里编写逻辑: 较原先的合约逻辑,新增了第2第3步。 通过这个文档(查看英文文档)我们可以查询到有关区块可交易属性的 接口有: 不包含我们期望的获取交易ha

    2024年02月02日
    浏览(44)
  • git修改历史commit信息

    修改历史提交 commit 的信息 操作步骤: git rebase -i 列出 commit 列表 找到需要修改的 commit 记录,把 pick 修改为 edit 或 e,:wq 保存退出 修改 commit 的具体信息git commit --amend,保存并继续下一条git 4. 4. rebase --continue,直到全部完成 中间也可跳过或退出git rebase (–skip | --abort) https

    2024年02月12日
    浏览(47)
  • 基于微信小程序的公交信息在线查询系统的设计与开发(源码+lw+部署文档+讲解等)

    💗 博主介绍 :✌新人博主,工作经验两年+、专注于Java、小程序技术领域和毕业项目实战✌💗 🌟文末获取源码+数据库🌟 感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人 随着城市化进程的不断推进,城

    2024年01月21日
    浏览(59)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包