新建web+项目的基本架构和框架结构设计
发表时间：2023-11-23 21:33:45
文章来源：炫佑科技
浏览次数：213
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
新建web+项目的基本架构和框架结构设计
准备很重要。 开发微信应用账号需要提前到微信官网下载开发工具。
1.下载*新的微信开发工具。 打开后你会看到这样的界面：
2.点击“新建web+”项目
3、请关注本页面各项内容——
AppID：按照官方说明填写。
：项目*外层文件夹的名称。 如果将其命名为“ABC”，则后续所有项目内容都将保存在“/ABC/...”目录中。
本地开发目录：项目本地存放的目录。
注意：再次强调，如果您与团队成员一起开发此项目，建议您使用相同的目录名和本地目录，以保证协作开发的统一。 如果您之前有过项目，导入过程与上面类似，不再赘述。
4、所有准备工作完成后，点击“新建项目”按钮，在弹出的框中点击“确定”。
5. 此时，微信开发工具已经自动为您构建了一个初始演示项目，其中包含了微信应用项目所需的基本内容和框架结构。 点击项目名称（图中的“卡片”）进入项目小程序开发教程百度网盘，可以看到整个项目的基本结构：
第 2 章：项目结构
微信目前拥有非常庞大的用户群。 微信推出公众号后，大家都可以看到它的受欢迎程度，这也促进了Html 5的快速发展。随着公众号业务的需求越来越复杂，应用号的到来恰逢其时。
微信为开发提供的方式也在发生全面的变化：从操作DOM到操作数据，基于微信提供的桥接工具，很多公众号难以实现的Html 5功能有些类似于开发，但又不同于开发方法是：微信的开放接口比较严谨，结构上必须使用它提供的组件。 这里不能使用外部框架和插件，让开发完全脱离操作DOM，开发思维发生了很大的变化。
工欲善其事，必先利其器。 了解其核心功能，首先了解其整个运行流程非常重要。
生命周期：
内部index.js：
您可以在开发工具上看到这一点：
在首页可以看到顺序是App->App Show->->->。
首先是整个app的启动和显示。 可以在app.js中配置app的启动，然后是各个页面的加载、显示等。 可以想象，这里可以处理很多事情，比如装箱子等等。
路由：
路由一直是项目开发的核心点。 其实微信这里对路由的介绍很少。 可以看到微信在路由方面封装得很好，还提供了三种跳转方式。
wx.()：保留当前页面并跳转到应用程序中的某个页面。 使用 wx. 返回原始页面。
wx.()：关闭当前页面并跳转到应用程序内的某个页面。
wx.()：关闭当前页面，返回上一页。
这三个基本就够了。 微信在路由方面封装得很好。 开发根本不需要配置路由。 很多框架往往都有非常繁琐的路由配置。
成分：
这次微信在组件提供方面也非常全面，基本满足了项目需求，所以开发速度很快。 开发前可以仔细浏览几次，开发效率会非常好。
其他：
任何外部框架和插件基本都无法使用，甚至原生js插件也很难使用，因为之前的js插件基本都是以操作dom的形式存在，而微信应用号这次的架构不允许任何操作。 dom新建web+项目的基本架构和框架结构设计，甚至连以前开发习惯使用的动态设置的rem.js也不支持。
