移动网页模板

　　电子商务平台应具备哪些功能？ 电子商务平台组成部分很多，但是最核心的必定包括，信息流、资金流、物流三个大类模块。　　1.前端界面功能模块：　　1)模板风格自定义：即通过系统内置的模板引擎，可以利便的通过后台可视化编纂，设计出符合自身需求的风格界面。　　2)商品多图展示：跟着电子商务的发展商品图片成为吸引消费者的第一要素，多图展示即提供前台多张图片的展示，从而晋升消费者的购物欲望。　　3)商品展示：通过前端界面，以尺度的或者其他个性化的方式向用户展示商品各类信息，完成购物系统内信息流的传递。　　4)购物车： 用户可对想要购买的商品进行网上订购，在购物过程中，随时增删商品。　　2.常见功能模块：　　1) 商品管理：包括后台商品库存管理、上货、出货、编纂管理和商品分类管理、商品品牌管理等。　　2) 订单管理：在线订单程序，使消费者能够顺利的通过WEB在线的方式，直接天生购买订单。　　3) 商品促销：一般的购物系统多有商品促销功能，通过商品促销功能，能够迅速的促进商城的消费积极性。　　4) 支付方式：即通过网上钱包、电子支付卡。进行网上资金流转换的业务流程；海内主流支付方式包括：支付宝、财富通、网银在线等。　　5) 配送方式：购物系统集成的物流配送方式，从而利便消费者对物流方式进行在线选择。如：EMS、顺风等等。　　6) 会员模块：在购物系统中，集成会员注册是吸引会员进行二次购买和晋升转换率最好的方式。　　7) 自定义广告模块：内置在系统中的广告模块，网站管理员能够顺利的通过操纵就可以在前端界面中添加各种广告图片。　　一般电子商务网站后台还拥有CMS的内容，即可以进行网站管理：模板、文章、公告、广告、栏目、频道等，通过网站管理中的内容可以形成前台网站。另外，部分产品已经实现关于手机等移动设备访问的功能处理。

一般我们都是做两个程序，一个单独做手机站的，一个PC站的，两个是分开的，公用数据库的话，你可以试试把两个程序的模板名称弄成一样的，然后数据库配置那你用同一个数据库，这样应该可以，当初我准备测试，后来搞忘记了！记得模板名称要一样，因为你的数据库是同一个，所以里面的所有数据是一样的，栏目调用模板的名称也一样，这样你就必须模板名称一样，只是模板的代码你就分开手机和PC了！

方案一：给原生APP提供api接口使用TP框架时 放在common文件夹下文件名就叫function.php123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180     <?php/*** Created by zhangkx* Email: zkx520tnhb@163.com* Date: 2015/8/1* Time: 23:15*/  /****** api开发辅助函数 *******/  /*** @param null $msg 返回正确的提示信息* @param flag success CURD 操作成功* @param array $data 具体返回信息* Function descript: 返回带参数，标志信息，提示信息的json 数组**/function returnApiSuccess($msg = null,$data = array()){$result = array('flag' => 'Success','msg' => $msg,'data' =>$data);print json_encode($result);}  /*** @param null $msg 返回具体错误的提示信息* @param flag success CURD 操作失败* Function descript:返回标志信息 ‘Error'，和提示信息的json 数组*/function returnApiError($msg = null){$result = array('flag' => 'Error','msg' => $msg,);print json_encode($result);}  /*** @param null $msg 返回具体错误的提示信息* @param flag success CURD 操作失败* Function descript:返回标志信息 ‘Error'，和提示信息，当前系统繁忙，请稍后重试；*/function returnApiErrorExample(){$result = array('flag' => 'Error','msg' => '当前系统繁忙，请稍后重试！',);print json_encode($result);}  /*** @param null $data* @return array|mixed|null* Function descript: 过滤post提交的参数；**/  function checkDataPost($data = null){if(!empty($data)){$data = explode(',',$data);foreach($data as $k=>$v){if((!isset($_POST[$k]))||(empty($_POST[$k]))){if($_POST[$k]!==0 && $_POST[$k]!=='0'){returnApiError($k.'值为空！');}}}unset($data);$data = I('post.');unset($data['_URL_'],$data['token']);return $data;}}  /*** @param null $data* @return array|mixed|null* Function descript: 过滤get提交的参数；**/function checkDataGet($data = null){if(!empty($data)){$data = explode(',',$data);foreach($data as $k=>$v){if((!isset($_GET[$k]))||(empty($_GET[$k]))){if($_GET[$k]!==0 && $_GET[$k]!=='0'){returnApiError($k.'值为空！');}}}unset($data);$data = I('get.');unset($data['_URL_'],$data['token']);return $data;}}     查询单个果品详细信息         /*** 发布模块** 获取信息单个果品详细信息**/public function getMyReleaseInfo(){//检查是否通过post方法得到数据checkdataPost('id');$where['id'] = $_POST['id'];$field[] = 'id,fruit_name,high_price,low_price,address,size,weight,fruit_pic,remark';$releaseInfo = $this->release_obj->findRelease($where,$field);$releaseInfo['remark'] = mb_substr($releaseInfo['remark'],0,49,'utf-8').'...';//多张图地址按逗号截取字符串，截取后如果存在空数组则需要过滤掉$releaseInfo['fruit_pic'] = array_filter(explode(',', $releaseInfo['fruit_pic']));$fruit_pic = $releaseInfo['fruit_pic'];unset($releaseInfo['fruit_pic']);//为图片添加存储路径foreach($fruit_pic as $k=>$v ){$releaseInfo['fruit_pic'][] = 'http://'.$_SERVER['HTTP_HOST'].'/Uploads/Release/'.$v;}if($releaseInfo){returnApiSuccess('',$releaseInfo);}else{returnApiError( '什么也没查到(+_+)！');}}     findRelease() 方法的model         /*** 查询一条数据*/public function findRelease($where,$field){if($where['status'] == '' || empty($where['status'])){$where['status'] = array('neq','9');}$result = $this->where($where)->field($field)->find();return $result;}     app端接收到的数据（解码json之后）         {"flag": "success","message": "","responseList": {"id": "2","fruit_name": "苹果","high_price": "8.0","low_price": "5.0","address": "天津小白楼水果市场","size": "2.0","weight": "2.0","remark": "急需...","fruit_pic": ["http://fruit.txunda.com/Uploads/Release/201508/55599e7514815.png","http://fruit.txunda.com/Uploads/Release/201508/554f2dc45b526.jpg"]}}     app端接收到的数据（原生json串）代码如下: {"flag":"success","message":"","responseList":{"id":"2","fruit_name":"\u82f9\u679c","high_price":"8.0","low_price":"5.0","address":"\u5929\u6d25\u5c0f\u767d\u697c\u6c34\u679c\u5e02\u573a","size":"2.0","weight":"2.0","remark":"\u6025\u9700...","fruit_pic":["http:\/\/fruit.txunda.com\/Uploads\/Release\/201508\/55599e7514815.png","http:\/\/fruit.txunda.com\/Uploads\/Release\/201508\/554f2dc45b526.jpg"]}}方案二：另外我们还可以通过ThinkPHP实现移动端访问自动切换主题模板，这样也可以做到移动端访问ThinkPHP的模板主题机制，如果只是在PC，只要需修改 DEFAULT_THEME （新版模板主题默认是空，表示不启用模板主题功能）配置项就可以方便的实现多模板主题切换。但对于移动端与PC端，也许你会设计完全不同的主题风格，且针对不同的来路提供不同的渲染方式，其中一种比较流行的方法是“响应式设计”，但就本人经历而言，要实现完全的“响应式设计”并不是那么容易，且解决兼容问题也是个难题，假设是大型站点，比如：淘宝、百度、拍拍这些，响应式设计肯定是满足不了需求的，而是需要针对手机访问用户提供单独的手机网站。ThinkPHP 完全能够实现，而且非常的简单。与TPM的智能模版切换引擎相同，只要对来路进行判断处理就行了。一、将 ismobile() 加入到｛项目/Common/common.php｝    1234567891011121314151617181920212223242526272829303132function ismobile() {// 如果有HTTP_X_WAP_PROFILE则一定是移动设备if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))return true;  //此条摘自TPM智能切换模板引擎，适合TPM开发if(isset ($_SERVER['HTTP_CLIENT']) &&'PhoneClient'==$_SERVER['HTTP_CLIENT'])return true;//如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息if (isset ($_SERVER['HTTP_VIA']))//找不到为flase,否则为truereturn stristr($_SERVER['HTTP_VIA'], 'wap') ? true : false;//判断手机发送的客户端标志,兼容性有待提高if (isset ($_SERVER['HTTP_USER_AGENT'])) {$clientkeywords = array('nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile');//从HTTP_USER_AGENT中查找手机浏览器的关键字if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {return true;}}//协议法，因为有可能不准确，放到最后判断if (isset ($_SERVER['HTTP_ACCEPT'])) {// 如果只支持wml并且不支持html那一定是移动设备// 如果支持wml和html但是wml在html之前则是移动设备if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {return true;}}return false;}二、在｛项目/Lib/｝创建一个 CommonAction.php，假设你的项目已公共控制器，则无需创建，直接加在里面就行了。 12345678910Class CommonAction extends Action{Public function _initialize(){//移动设备浏览，则切换模板if (ismobile()) {//设置默认默认主题为 MobileC('DEFAULT_THEME','Mobile');}//............你的代码.......}}   

你差的就是最重要的，也是价值最高的部分。。。没什么特殊思路就是手机站，电脑站，读取同一个数据库这没什么其他方法数据就是数据。。。调不出来就是技术问题了之所以现在综合企业平台得到企业的认可就是因为咱们做完之后的系统，企业直接应用可以做到电脑网站+手机网站+企业微信平台+APP统一后台，四维一体综合管理方便企业全方位操作

你差的就是最重要的，也是价值最高的部分。。。没什么特殊思路就是手机站，电脑站，读取同一个数据库这没什么其他方法数据就是数据。。。调不出来就是技术问题了之所以现在综合企业平台得到企业的认可就是因为咱们做完之后的系统，企业直接应用可以做到电脑网站+手机网站+企业微信平台+APP统一后台，四维一体综合管理方便企业全方位操作

"对于用户来说，html5提高了用户体验，加强了视觉感受。1、HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。2、HTML5的视音频新技术解决了移动端苹果和安卓4.0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。3、网页表现方面，HTML5中的CSS3特效样式、Canvas、webgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效。4、另外其跨平台的特点，可以避免传统移动终端上的Native App，开发者必须针对不同的操作系统进行研发工作的弊端，从时间和资金成本上讲远小于跨系统移植。而且html5的语言简单，容易学习。现在国内已经出现一批html5页面制作平台，让不懂编程的用户也能自己制作。国内制作html5页面的平台出名的有maka.im和vxplo，maka.im通过选择模板，添加效果、图文即可完成制作，vxplo界面类似于photoshop，个性化程度高，但是操作比较复杂。"

随着使用智能手机的人越来越多，手机网站开发项目也成为一种潮流。可是您知道机网站开发框架有几种吗?　　1. LungoJS 　　这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。 　　Lungo.JS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。 　　2.Kendo UI 　　Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。 　　3.Jo 　　该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。 　　4.Sencha Touch 　　Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。 　　可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。　　5.52 Framework 　　52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。 　　6.LimeJS 　　LimeJS 是一个 JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS。 　　7. G5 Framework 　　如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5 框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。 　　8.jQuery Mobile 　　jQuery Mobile(jQueryMobile)是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。 　　9.Phone Gap 　　PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等。