微信小程序开发项目实战（微课版）课件 4-2 课件-商城项目创建.pptx

项目四商城首页模块开发任务二商城项目创建Mallprojectcreation

原生开发是指使用微信官方提供的开发工具和API来进行开发，包括小程序前端开发和后端接口开发。原生开发开源小程序框架是一种基于微信官方框架的再封装和拓展，通过提供一些常用的开发模块和组件，简化开发流程。开源小程序框架低代码开发平台是一种以可视化方式进行开发的工具，可以帮助开发者快速搭建原型并生成代码。低代码开发平台在市场上有很多专业的小程序开发团队或者个人开发者可以提供开发服务。外包或代开发小程序开发方式

微信云开发微信云开发由微信团队和腾讯云联合推出。01提供专业的小程序、小游戏、公众号网页开发服务。02支持快速开发，与微信开放能力无缝对接。03开发者无需自建服务器，可直接使用平台API。04

云数据库CloudBase提供的核心功能之一，提供基础读写、聚合搜索、数据库事务、实时推送等功能。云存储CloudBase云存储提供稳定、安全、低成本、简单易用的云端存储服务，支持任意数量和形式的非结构化数据存储，例如图片、文档、音频、视频、文件等。云函数使用CloudBase的云函数，可以以函数的形式运行后端代码，响应SDK的调用或者HTTP请求。123微信云开发

小程序技术架构小程序前端开发使用HTML、CSS、JavaScript。利用WXML和WXSS构建页面结构和样式。调试和性能优化小程序框架和运行时组件库和开发工具前端技术栈

小程序技术架构调试和性能优化调试工具和日志输出性能优化小程序框架和运行时基于JavaScript的框架一系列的解析和执行小程序的代码API和组件组件库和开发工具快速搭建界面集成开发环境（IDE）前端技术栈

小程序后端开发主要使用服务器端语言和框架，如Node.js、Java、PHP等，通过接口和数据库来实现数据的交互和存储。小程序技术架构安全和权限管理数据和用户隐私的安全措施功能和资源进行权限控制数据库和缓存存储和管理小程序的数据缓存技术数据接口和服务端开发数据接口后端服务端开发

新建页面文件本项目所有图片素材放置在images文件夹下，并在images下面按图片功能进分文件夹放置，例如tabs文件，放置的是导航栏里的icon图标。新建6个页面，分别是news新闻列表页，newsDetail新闻详情页、goods产品页、goodsDetail产品详情页、cart购物车页面和profile个人信息页。

小程序默认导航栏是黑底白字的效果，可以通过app.json中的window属性进行重新配置来定义导航栏效果。属性类型默认值描述backgroundTextStylestringdark下拉loading的样式，仅支持dark/lightnavigationBarBackgroundColorHexColor#000000导航栏背景颜色，如#000000navigationBarTitleTextstring导航栏标题文字内容navigationBarTextStylestringwhite导航栏标题颜色，仅支持black/white表页面配置选项导航栏设计

{??pages:?[代码略],??window:?{??????backgroundTextStyle:light,????navigationBarBackgroundColor:?#e60,????navigationBarTitleText:?梅园,????navigationBarTextStyle:white}}导航栏设计【示例4-2】修改“梅园”小程序项目配置app.json方件，效果所下图所示。

感谢观看THANK