AppCan开源案例：移动电商 APP《海外购》超详源码 - ThinkPHP框架
开发者自述：女朋友喜欢用国外护肤品，尤其喜欢日韩美妆，但苦于没有正规渠道购买。听说国内专柜里卖的不如原产地进口的好，现在各种代购各种坑，在某宝上更是假货一大堆。怎么办?自己出国背回来?这一来一回飞机钱得能买多少护肤品!我一大老爷们也不太懂那些，但看着女朋友三天两头的淘得还挺累，恨不得帮她装上一双火眼金睛，于是这激发了我开发一个海外淘货的App，某东某猫全球购，对不住了!秉着好东西大家分享的精神，在此分享出App源码。好了，不BB了，进入正题。
项目实现功能
用户注册、登录，商品查看和发布，加入购物车、在线支付，交易确认，地理定位，商品查询、评论和分享、关注商家等。
项目使用插件
整个APP大体的框架，尝试采用4个window，没有使用浮动窗口，打开首页的时候把4个window都打开，但是在打开window的时候window flags传的是36=32+4，即uex.cWindowFlagHidden=32//标记被open的window为隐藏的。隐藏的window不会显示到屏幕上，只存在于后台。每次点击底部栏切换，只是把相应的window显示出来。
首次登陆APP或进入现场详情页面，跳出提示层：
在首页和点击现场进入详情页时判断opentimes来判断是否跳出弹出层。
主要代码如下：
　　var w=screen.availW
　　$(&#content&).css(&width&,w+&px&);
首页效果图：
头部轮播图效果使用uexScrollPicture插件实现，轮播图的点击事件代码如下：
　　uexScrollPicture.onPicItemClick= function(data){
　　var count=JSON.parse(data).
　　appcan.locStorage.setVal(&linkurl&,urls[count]);
　　appcan.window.open(&link&,&link.html&,0);
这里实现的是点击不同的图片连接到不同的页面。
轮播图下面是种类及地域分类栏，全部由div组成，分类、轮播图及商品信息展示的数据都从后台获取。
　　底部栏并没有采用tab,采用的是4个div横向显示，点击其中任何一个，显示出相对应的window，点击后三个window时判断用户是否登录，未登录调到登录页面，js代码如下：
　　appcan.button(&#search&, &btn-act&, function() {
　　uexWindow.open(&search&,&0&,&search.html&,&0&,&0&,&0&,&0&,&200&);
　　appcan.button(&#publish&, &btn-act&, function() {
　　uexWindow.open(&publish&,&0&,&publish.html&,&0&,&0&,&0&,&0&,&200&);
　　} else{
　　appcan.window.open(&login&,&login.html&,16);
　　appcan.button(&#cart&, &btn-act&, function() {
　　if(userId!=null){
　　uexWindow.open(&cart&,&0&,&cart.html&,&0&,&0&,&0&,&0&,&200&);
　　} else{
　　appcan.window.open(&login&,&login.html&,16);
　　appcan.button(&#my&, &btn-act&, function() {
　　if(userId!=null){
　　uexWindow.open(&my&,&0&,&my.html&,&0&,&0&,&0&,&0&,&200&);
　　} else{
　　appcan.window.open(&login&,&login.html&,16);
这个页面通过调用后台接口获取种类列表内容以及全部种类的热门品牌，具体实现代码会在提供的文档中，这里不做详解。(详情请见官网《文档中心 - 案例详解 - 海外购案例》。)
作为一个海外淘货+代沟App，用户在发布商品时，本项目会进行地理位置识别，位置检测在国外或港澳台地区时，跳转到发布页;如果在大陆，跳出温馨提示，不能发布商品。
这里贴出实现拍照或从相册选取图片的代码，使用到uexImage和uexCamera：
　　function choosepic(){
　　var data = {
　　min:1,
　　max:1,
　　quality:0.5,
　　detailedInfo:false
　　var json = JSON.stringify(data);
　　uexImage.openPicker(json);
　　uexImage.onPickerClosed=function(info){
　　img_url = JSON.parse(info).data[0];
　　uploadimg();
　　function takephoto(){
　　if(uexWidgetOne.platformName == &iOS& || uexWidgetOne.platformName ==&ios&){
　　uexCamera.cbOpen=function (opCode, dataType, data){
　　img_url=
　　uploadimg();
　　uexCamera.open(0,50);
　　}else{
　　uexCamera.cbOpenInternal=function (opCode, dataType, data){//仅android
　　img_url=
　　uploadimg();
　　uexCamera.openInternal(0,50);
商品详情页，买家点击咨询，会跳出输入框，可发表咨询信息;如果是卖家，则不显示底部悬浮窗，可以点击买家发布的咨询信息，在跳出的输入框内回复买家。这里头部轮播图同样使用uexScrollPicture插件，调用uexImage.openBrowser浏览大图，代码如下：
　　uexScrollPicture.onPicItemClick= function(data){
　　var count=JSON.parse(data).
　　var len = bigimage.
　　var datas=[];
　　var url_
　　for (var i = 0; i & i++) {
　　url_imgb = api+bigimage[i];
　　datas[i] ={&src& : url_imgb};
　　var params = {
　　&displayActionButton& : false,
　　&displayNavArrows& : false,
　　&enableGrid& : false,
　　&startOnGrid& : false,
　　&startIndex& : count,
　　data :datas
　　var data = JSON.stringify(params);
　　uexImage.openBrowser(data);
此外，用户还可以将商品分享到微信、朋友圈、QQ好友、QQ空间和新浪微博，调用了uexWeiXin、uexQQ、uexSina插件，这三个都属于第三方插件，使用之前需要到相关网站上申请为开发者，获取到AppId。
进入购物车页面，如果购物车内没有商品则如右图显示。添加商品到购物车后，点击编辑，头部右侧文字变为完成，底部按钮变成删除，这个部分的代码如下：
　　function edit(){
　　var action = $('#changeEdit').html();
　　if (action == '编辑') {
　　$('#changeEdit').html('完成');
　　uexWindow.evaluatePopoverscript(&cart&, &content&, &removeUhide()&);
　　} else if (action == '完成') {
　　$('#changeEdit').html('编辑');
　　uexWindow.evaluatePopoverscript(&cart&, &content&, &addUhide()&);
这个页面买家卖家订单根据状态不同显示相应的数据，使用appcan.ajax(options)发起ajax请求,获取相应的内容。
ThinkPHP 是一个免费开源的，快速、简单的面向对象的 轻量级PHP开发框架 ，创立于2006年初，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多的原创功能和特性，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，已经成长为国内最领先和最具影响力的WEB应用开发框架，众多的典型案例确保可以稳定用于商业以及门户级的开发。做一个开源的 APP 图标包怎么样? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
这是一个专门讨论 idea 的地方。
每个人的时间，资源是有限的，有的时候你或许能够想到很多 idea，但是由于现实的限制，却并不是所有的 idea 都能够成为现实。
那这个时候，不妨可以把那些 idea 分享出来，启发别人。
做一个开源的 APP 图标包怎么样?
20:08:47 +08:00 · 3474 次点击
最近换了 Android,图标有大有小,有方有圆,还有不规则形状
方的圆角更是有大有小,都没有什么统一的参考
角标一会一个 PRO,HD,FREE..
看到一个哥们的图标包,iflat+
在酷安下载量 100k+,做得挺好的
而且也有 flyme 适配,在 flyme 商店售价 4.99,下载量 30k+总体感觉不错.
playstore 上图标包也很多,只是适配国内 APP 少得可怜.
但是我觉得个性化是一个普遍存在的需求
如果大家众力做一个图标包,免费给大家用未尝不是好事一件.
规定好尺寸 /DPI/一定的设计规范,以标准尺寸放出来,方便其它人转制 /适配自己所用 launcher.
8 回复 &| &直到
14:33:27 +08:00
& & 20:30:35 +08:00
你说的是这个东西？
& & 20:40:43 +08:00
@ 并不是而且这个网站国产 APP 基本上没有收录指的是重绘比如百度输入法,我做了扁平重绘..当然我很菜
& & 22:10:19 +08:00 via Android
哦~我正在开类似的坑~
& & 22:16:51 +08:00
@ 一个人挖坑会不会很累啊毕竟最少要做几百个图标我就是自己做了几天感觉挺吃力的,想找人一起搞一套
& & 22:25:51 +08:00 via Android
@ 我只是做收集站加上 docker 的自动化构建~图标由授权的图标包提取~比如上图就是 sorcery 的~优点:1. 用户自定义(轻量 /个性化)2. 很多图标设计师的 APP 做的只剩个壳了~基本的不考虑分辨率问题(不进行性能优化)还有的直接逆向别人 apk 加自己图标改包名发布。。。3. 对于不同环境适配问题 sorcery 作者很良心的适配了 N 多桌面+xposed 拓展具体使用类似于
的图标打包~技术栈准备由 py 实现，打包交给独立的 docker状态: 还没开坑，设备栈不给力+备考阶段+其他坑太多，还没填到这
& & 08:48:48 +08:00 via Android
@ 你这个其实坑不算特别多iflat/.com.baidu.tieba.pngsorcery/.com.baidu.tieba.png这个与其做网页版，不如直接做成 APP 。APP 读取外置 Zip 包，并使用。外置 Zip 包名称固定，比如 icons ，这样的好处就是构建方便，生成简单。打包成 Zip 比打包成 apk 难度低太多。更大的好处是，通过本地 APP ，获取本地程序包名，可以直接点击列表里的贴吧，然后选择图标。难点其实就是最终转换为 Android 开发。但是实现方面坑基本上是没有啦。
& & 09:58:37 +08:00 via Android
@ _(:з)∠)_ apk 就是 zip~尤其 xposed 的主题包本身就是 zip~至于说做网页不如写个 APP 有了以及以上需求成功实现 zip 的加载，其实很简单，但是兼容就完全不可能了， apk 的资源替换已经是主流，奈何还要用类 MIUI 的压缩包~如果非要酱紫的话~用 xposed hook 系统的资源提取函数(或者直接做 xposed 主题包)但是受众就只有 xposed 用户了以及以为 CM 图标只是一个图标的建议看看 CMtheme 的说明 图标还有一个 xml 要编写，难度如下:1. 分析并知道 相关 APP 的全部 intent2. 冗杂的 XML 格式这些事情还是叫给机器比较好~为何 APP 无法实现？可以，出个模板，再手机逆向再回编即可就是酱紫~
& & 14:33:27 +08:00
@ @ 作为 Sorcery Icons 的开发者我来说几句吧Sorcery 图标包就是一个开源的图标包你们说的那些东西很多我都考虑过 一个爬虫把某个应用商店的应用全爬下来, 然后分析 apk 把包名和所有 Activity 的类名弄出来, 但是没有这个必要, 你根本没有不需要这么多, 光光是用户申请的图标就已经不计其数了, 申请的同时已经有了应用的信息了做成 zip 包进行分发, 首先你要知道 Android 上图标包的原理, 是启动器根据一个 intent 来获取 apk 里面的数据, 启动器怎么获取起主导作用, 如果想全部自己说了算要不自己做个启动器, 要不就用 Xposed这就说到 Xposed 了, 我的写的 Xposed 实在是渣, 但是自己不怎么需要也一直没动力去优化, 我自己也是个拖延症癌处理 XML 一类我现在是在 leancloud 上部署了脚本来处理, 每次更新的时候爬一遍数据下来类似众包的图标适配平台我也想过, 就是让大家体积图标但是这个就很难保证质量, 一个图标包应该所有图标风格大致一致, 我自己基于 Material Design 有一套图标的规范, 哪怕是给有图标制作经验的人都要说明好一会儿, 更何况普通网友了现在最大的问题在于一个图标包是非常 native 的一个应用, 所有图标都必须要在编译的时候一起打包进去, 每加一个图标就要编译一遍才能使用, 热更新什么的也无解所以我一直都想做一个自动构建应用, 这样每加入一个图标就自动 build 一遍, 通知用户每次更新了什么图标, 让用户自己下载更新. 奈何我没有相关的技术栈, docker 什么的也就只能听听, 如果有有相关技术的朋友, 希望可以给我提供一定的帮助虽然一切问题都是可以用 XPosed 来解决的, 但是 Xposed 用户太少, 意义不大
& · & 1911 人在线 & 最高记录 3762 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 16ms · UTC 12:54 · PVG 20:54 · LAX 05:54 · JFK 08:54? Do have faith in what you're doing.完整开源APP - 简书
完整开源APP
An elegent Android Client for Github. 不仅仅是Github客户端，而且是一个发现优秀Github开源项目的app
高仿“今日头条”客户端，实现它大部分的功能。
3 干妹子about :每天自动更新一张精选妹纸图、一个小视频、一系列精选程序猿干货（周末不更新）。数据来自代码家的干货网站：
读书/图片/漫画
一款基于Google Material Design设计开发的Android客户端，包括新闻简读，图片浏览，视频爽看 ，音乐轻听以及二维码扫描五个子模块。
2，专注为用户提供人性化的搜书引擎，快捷，方便，为用户找到最好的小说。快捷的搜索网络小说，自动为用户筛选最好的小说来源。人性化的阅读体验，精致的内容排版。绿色无广告，并自动过滤小说内容中的错别字和无用广告。检查小说更新，更新后推送消息，让用户及时阅读最新内容。
4 类似豆瓣读书，提供一个书籍查看、搜索、交流的平台。
现在市面上很多应用的二维码扫描功能都是从这个修改而来。
MobileSafer主要包括九大模块：手机防盗模块：通讯卫士模块：软件管家模块：手机杀毒模块：缓存清理模块：进程管理模块：流量统计模块：高级工具模块：设置中心模块：
“面对面文件快传”，Android端灵动快传，安卓互传文件，局域网，无网传输文件，Android，file transfe 。
一款简约好用的完全开源的天气 App。
掌刀：一款提供dota2游戏相关资讯与视频的Android App
AndroidFire，一款新闻阅读 App框架，基于 Material Design + MVP + RxJava + Retrofit + Glide，基本涵盖了当前 Android 端开发最常用的主流框架，基于此框架可以快速开发一个app。
4小食光定位为一款集美食，社交，LBS服务于一体的美食推荐APP。为你发现周边美食的同时提供一个吃货分享的平台。
微影，一款纯粹的在线视频App，基于Material Design + MVP + RxJava + Retrofit + Realm + Glide.
有不少同学无法从Google Play,中去下载应用。在这里我就推荐apkpure应用市场，不用翻什么东西。就可以下载Google Play中的应用。然而下载APKPURE这个是要翻的。我就在这分享下我下载的apkpure。链接： 密码：6cg4
我是一个对世界很好奇的人，
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
新闻/资讯1 GitHub 客户端An elegent Android Client for Github. 不仅仅是Github客户端，而且是一个发现优秀Github开源项目的app 社交1 你的名字 读书/图片/漫画1 简阅一款基于Google Material Des...
作者：snowdream微信：sn0wdr1am原文地址：https://github.com/snowdream/awesome-android awesome-android Introduction android libs from github System re...
afinalAfinal是一个android的ioc，orm框架 https://github.com/yangfuhai/afinal xUtils**android orm, bitmap, http, view inject... https://github.com...
如何保证每天写一篇文章？ 前一天看一本书里说，写剧本可以尝试把自己最喜欢的三个故事整合成一个故事。后来看了另外一篇文章说，阅读就像吃饭，写作就像拉大便。为什么有些人经常拉大便？因为他吃的饭多。可能大家看到或者听到大便就感觉不舒服，可是大便经过陈腐之后就是各种蔬菜、水果、植物...
从前，当别人睡着时，我美妙的夜生活才刚刚开始。。玩转手机里的各种app。他孜孜不倦地为我工作着，即使我不把玩他，他也逃不了，因为需要下载各种。。直到崩溃。。瘫痪。。傲娇的发脾气。。 现在。。。夜生活？！？！靠！明天就交作业了！还有闲工夫在这儿写东西？！还不滚去写作业？！？！...
大家来看看你的名字在古代是什么职业！
“最好的购物就像在家里拿东西，最好的结算就是忘掉结算”这是昨日深兰科技创始人陈先生在STS芝麻信用并肩计划大会上讲到的一句话。 STS 会上拍到的图片 现在很多商家，专家，学者都一直在探讨创新模式，讨论用户思维，可是真正的能站在用户角度思考这个的少之又少，能做的很好的更是凤...
静下来，问题就会一个个逐一突破 9月1日开始接手整个供应链，中途也有离开的兄弟们重新归来，与兄弟们一个个聊聊这些年农爸爸的变化，目前取得的突破，我们还有哪些需要完善的 形成标准 周例会，每周日 周大扫除，每周X 每周与两位一线同事沟通如需商用需购买授权，享受商业运营权利
ECTouch是上海商创网络科技有限公司推出的一款移动商城网店系统，能够帮助企业和个人快速构建手机移动商城,并减少二次开发带来的成本
产品解决方案
无缝接入微信，对接微信登录及支付功能
快速打造电商小程序，抢占一线市场风口
集分销、拼团、众筹于一体的移动商城
大商创的移动商城 搭建S2B2C电商生态系统
完善的系统功能
System Function
丰富的功能，助您更好玩转微信营销
第三方登录
国家软件著作权
客户续费率
不间断更新
他们选择了ECTouch
Our Customer
ECTouch是由上海商创网络科技有限公司于2014年推出的微信端移动商城网店系统。帮助企业在微信的强大土壤中，花最小的成本，做出最完美的电商平台！
其已然成为了电商企业布局微信端的重要选择！
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
扫一扫立即体验
功能和特性
价格和优惠
获取内部资料
ECTouch公众号
关注公众号
Copyright (C) 2018 ECTouch 版权所有，并保留所有权利 沪ICP备号 法律顾问：金博大（上海）律师事务所