# 微信小程序商城开发---真机测试有用!!!!
## 目录
- [官方文档](#官方文档)
- [更多代码](#代码)
- [分析轮子](#分析轮子)
- [加入QQ群 564956472【微信小程序开发交流】(如果群满了加我个人QQ号(1009756987)我拉你入群)](http://jq.qq.com/?_wv=1027&k=40K4X8z)
## 官方文档
- [小程序开发文档](https://mp.weixin.qq.com/debug/wxadoc/dev/index.html)
- [小程序设计指南](https://mp.weixin.qq.com/debug/wxadoc/design/index.html)
- [小程序开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)
- [从搭建一个微信小程序开始(腾讯云)](https://www.qcloud.com/act/event/yingyonghao.html)
## 实例教程
本实例纯属个人编写,侵删
### 一、环境搭建 ###
- 微信小程序后台开发,请参照[https://github.com/htmlk/express](https://github.com/htmlk/express)
在官网文档找到自己电脑适合的版本下载,直接安装(本人不建议使用破解版)
- [微信小程序最新工具下载](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)
接下来会提示使用微信二维码登录,直接扫码登录
### 二、下载demo ###
直接使用git工具clone 上述代码,点击添加项目,将本程序添加到项目中即可!
(appid选择无AppID,项目名随便取不一定是文件名,选择下载下来的目录)
![](http://i.imgur.com/yCAGELe.png)
### 三、开始编写代码 ###
进入调试页面(左边是调试预览,右边是类似于谷歌网页调试的工具)
![](http://i.imgur.com/xCKThm2.png)
进入编辑代码页面
![](http://i.imgur.com/w2l2YJQ.png)
1、app.json是项目的配置文件,如右图显示,
第一部分(黑色框)是pages是整个里的页面,每添加页面一个页面,都要把路径写在这里:
第二部分tabbar只要配置这些文件就可以产生app底部的导航(具体可参见文档)
第三部分是widows全局配置
2、pages是指你每个页面里面有四个文件json(配置文件),js(自己编写的js),wxml(相当于html),wxss(相当于css)
3、公共文件可以一般存储在远端,目前开发可以在本地新建,例如images(不能使用icon文件)
4、更多详细可以联系博主
### 项目演示 ###
[点击查看,项目动态演示](http://7xn9on.com1.z0.glb.clouddn.com/video.mp4 "项目动态演示")
## 更多代码
- [微信小应用示例代码(phodal/weapp-quick)](https://github.com/phodal/weapp-quick)
- [微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)](https://github.com/giscafer/wechat-weapp-mapdemo)
- [微信小应用- 掘金主页信息流(hilongjw/weapp-gold)](https://github.com/hilongjw/weapp-gold)
- [微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)](https://github.com/zce/weapp-demo)
- [微信小程序-豆瓣电影(hingsir/weapp-douban-film)](https://github.com/hingsir/weapp-douban-film)
- [小程序 hello world 尝鲜(kunkun12/weapp)](https://github.com/kunkun12/weapp)
- [微信小程序版2048小游戏(natee/wxapp-2048)](https://github.com/natee/wxapp-2048)
- [微信小程序-微票(wangmingjob/weapp-weipiao)](https://github.com/wangmingjob/weapp-weipiao)
- [微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)](https://github.com/SeptemberMaples/wechat-weapp-demo)
- [微信小程序V2EX(jectychen/wechat-v2ex)](https://github.com/jectychen/wechat-v2ex)
- [微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)](https://github.com/myronliu347/wechat-app-zhihudaily)
- [微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)](https://github.com/hijiangtao/weapp-newsapp)
- [微信小程序版Gank客户端(lypeer/wechat-weapp-gank)](https://github.com/lypeer/wechat-weapp-gank)
- [微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)](https://github.com/charleyw/wechat-weapp-redux-todos)
- [微信小程序-番茄时钟(kraaas/timer)](https://github.com/kraaas/timer)
- [微信小程序项目汇总](http://javascript.ctolib.com/categories/javascript-wechat-weapp.html)
- [微信小程序版聊天室(ericzyh/wechat-chat)](https://github.com/ericzyh/wechat-chat)
- [微信小程序-HiApp(BelinChung/wxapp-hiapp)](https://github.com/BelinChung/wxapp-hiapp)
- [小程序Redux绑定库(charleyw/wechat-weapp-redux)](https://github.com/charleyw/wechat-weapp-redux)
- [微信小程序版微信(18380435477/WeApp)](https://github.com/18380435477/WeApp)
- [小程序开发从布局开始(hardog/wechat-app-flexlayout)](https://github.com/hardog/wechat-app-flexlayout)
- [微信小程序-音乐播放器(eyasliu/wechat-app-music)](https://github.com/eyasliu/wechat-app-music)
- [微信小程序-简易计算器-适合入门(dunizb/wxapp-sCalc)](https://github.com/dunizb/wxapp-sCalc)
- [微信小程序-github(zhengxiaowai/weapp-github)](https://github.com/zhengxiaowai/weapp-github)
- [微信小程序-小熊の日记(harveyqing/BearDiary)](https://github.com/harveyqing/BearDiary)
- [微信小程序(Seahub/PigRaising)](https://github.com/SeaHub/PigRaising)
- [微信小程序(WeChatMeiZhi妹子图)](https://github.com/brucevanfdm/WeChatMeiZhi)
- [微信小程序快速开发骨架](https://github.com/zce/weapp-boilerplate)
- [微信小程序 - Artand 最专业的艺术设计平台](https://github.com/SuperKieran/weapp-artand)
## 分析轮子
- [微信小程序倒计时组件(微信公众号)](http://mp.weixin.qq.com/s?__biz=MzI0MjYwMjM2NQ==&mid=2247483670&idx=1&sn=5aa5da2fff2415e9b19f848712ddf480&chksm=e9789904de0f1012159332fda391c3eec0bb3d1c0db2c34ab557208ff0c04806a40d00e844fe&mpshare=1&scene=1&srcid=1007cWRXdd0ug9oAceCsIWp6#rd)
- [微信小程序下拉筛选组件(微信公众号)](http://mp.weixin.qq.com/s?__biz=MzI0MjYwMjM2NQ==&mid=2247483674&idx=1&sn=2bf242b391144f3f0e57e0ed0ebce36f&chksm=e9789908de0f101ee23f7c125c9a48c4f9ba3f242a3b1c89b05ca5b9e8e68262c02b47fe3d12&mpshare=1&scene=1&srcid=1008NvO9oI8wWGp4XBxlpLeL#rd)
### 经验分享
1、出现空白,没有报错,有可能是因为json是空。加一个{}就好了
2、出现问题直接加博主微信。
3、技术交流、商务合作请加微信。
![](http://7xn9on.com1.z0.glb.clouddn.com/weixin.jpg)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
## 开发技术:微信小程序客户端 + Java后台服务器端(SSH2框架) + mysql数据库 ### 用户: 可以注册,成为普通用户。(注册时填写用户名、密码、电话、地址),产品展示tabBar中含有首页跟分类页面(tabBar中包括首页、分类、购物车、我的),首页有一个幻灯片,一个搜索栏,还有其他产品图片,幻灯片中的每张图片和产品图片点击之后可以进入产品的购买页面。 点击搜索栏可以通过关键字搜索想要购买的产品;分类页面,对产品进行分类,用户可通过分类查看想要购买的产品; 最下方导航栏模块(首页 购物车 我的订单 用户中心(只查看个人信息) 商城信息) 1.首页的轮播图写死4张 2.购物车列表(只有删除和购买功能) 3.订单:列表(删除,修改)//订单提交的时候选择用户姓名、联系方式、收获地址)、总金额 4.在商品详情页加一个 打电话的功能 联系客服 客服电话不用后台维护,写死就可以 普通用户:可以将商品加入购物车、然后可以在订单页面删除订单、修改订单和结算订单; (订单信息:选中的商品的信息、用户的信息(用户姓名、联系方式、收获地址)、总金额。) ### 后台管理:
资源推荐
资源详情
资源评论
收起资源包目录
基于微信小程序购物商城app设计带Java后端接口 (1247个子文件)
BaseDaoImpl.class 20KB
BaseServiceImpl.class 12KB
GoodsAction.class 11KB
ManageAction.class 11KB
DdAction.class 9KB
LoginAction.class 8KB
DateUtils.class 8KB
CarAction.class 7KB
LbAction.class 7KB
PpAction.class 6KB
BaseDao.class 5KB
NewsAction.class 5KB
BaseService.class 5KB
UserAction.class 5KB
UserDaoImpl.class 4KB
BaseAction.class 4KB
JsonUtil.class 3KB
JavaToMapUtils.class 3KB
UserServiceImpl.class 3KB
SystemContextFilter.class 2KB
NewsDaoImpl.class 2KB
NewsServiceImpl.class 2KB
ManageDaoImpl.class 2KB
Goods.class 2KB
Dd.class 2KB
UUIDUtils.class 2KB
GoodsDaoImpl.class 2KB
SystemContext.class 2KB
User.class 2KB
TimestampMorpher.class 2KB
ManageServiceImpl.class 2KB
UserUtils.class 2KB
CarDaoImpl.class 2KB
PpDaoImpl.class 2KB
DdDaoImpl.class 2KB
LbDaoImpl.class 2KB
News.class 2KB
Pager.class 1KB
Manage.class 1KB
Pp.class 1KB
Car.class 1KB
DdDto.class 1KB
UserDao.class 1KB
MyStrutsFilter.class 1KB
CarServiceImpl.class 1KB
TestJsonAction.class 1KB
GoodsServiceImpl.class 1KB
Lb.class 1KB
DateJsonValueProcessor.class 1KB
UserService.class 1KB
LbDto.class 1023B
LbServiceImpl.class 1007B
PpServiceImpl.class 1007B
DdServiceImpl.class 1007B
NewsService.class 815B
CarGoods.class 806B
MapUtils.class 611B
NewsDao.class 580B
ManageService.class 573B
ManageDao.class 563B
GoodsService.class 512B
ResultTypeUtils.class 497B
GoodsDao.class 487B
CarService.class 452B
DdService.class 403B
PpService.class 403B
LbService.class 403B
CarDao.class 383B
LbDao.class 377B
PpDao.class 377B
DdDao.class 377B
s.class 266B
.classpath 5KB
org.eclipse.wst.common.component 542B
org.eclipse.wst.jsdt.ui.superType.container 49B
doysu.min.css 253KB
H-ui.css 154KB
bootstrap.css 134KB
bootstrap.css 128KB
bootstrap.css 124KB
bootstrap.min.css 111KB
H-ui.min.css 111KB
bootstrap.min.css 107KB
bootstrap.min.css 104KB
dpl-min.css 72KB
ueditor.css 45KB
bui-min.css 38KB
ueditor.min.css 34KB
datepicker3.css 33KB
bootstrap-responsive.css 22KB
video-js.css 22KB
bootstrap-theme.css 21KB
bootstrap-theme.css 21KB
bootstrap-theme.min.css 19KB
image.css 19KB
bootstrap-theme.min.css 18KB
datepicker.css 18KB
bootstrap-responsive.min.css 16KB
iconfont.css 16KB
video.css 15KB
共 1247 条
- 1
- 2
- 3
- 4
- 5
- 6
- 13
资源评论
软硬件源码设计案例
- 粉丝: 1548
- 资源: 1055
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 2010-2019年分省技术市场成交额面板数据(万元)
- 2008-2022年上市公司对外投资情况数据.zip
- Rust开发安装与启动的教程与代码实例.txt
- 环境工程原理+环境监测+环境微生物学+仪器分析-上交
- 世界各国2022年ICT基础设施-互联网使用-固定宽带订阅-电信服务的收入-移动网络收入
- 寿光蔬菜产量数据.xlsx寿光蔬菜产量数据.xlsx寿光蔬菜产量数据.xlsx
- 全国62个主要城市建筑轮廓矢量数据(全国62个城市模型)
- Object-C开发安装与启动的教程与代码实例.txt
- 全国297个地级市城市2003-2021科学研究试验发展R&D人员数R&D内部经费支出
- LP方法上市公司全要素生产率TFP计算Stata代码(附2000-2019年数据和结果)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功