开源一个价值超过 100K 的电商前端

前言

这个项目本来是给一位客户开发的,由于某些原因,中止合作了,故现在开源出来,供大家参考。如果能够让大家在开发 WEB APP 的时候少走弯路,目的也就达到。

这个项目的设计目标是能够运行在微信上,并且能打包为 APP。

代码开源在 github 上,https://github.com/ansiboy/ChiTuStore

价值

开源的前端框架,但是较为完整的开源项目却没有,这个项目,包括了电商大部份的功能,非常具有参考价值,尤其是对于做电商前端开发的朋友。

讨论组&维护

对这项目感兴趣的同学,可以加入 QQ群: 71418067 ,后期我也会尽可能地去维护这个项目。

截图

演示

http://u.alinq.cn/test/#Home_Index

由于项目是基于微信的,只有在微信上才能体验完整的功能,如需要体验完整的功能,请扫描下面的二给码。

知识栈

这个项目涉及到的知识点有:jQuery, require js, knockout js, iscroll, hammer js, bootstrap

开发语言:typescript

必备知识:requirejs, knockout,typescript

APP 打包

我用 HBuilder 打包的,很方便。如果你们需要打包为 APP,建议使用 HBuilder。

运行

如何运行?把代码下载下来,然后用 VS 打开 UserClient.sln 。

代码结构

目录结构

为了能够让大伙能够迅速了解这个项目,下面把目录结构简单说一下:

APP:项目的 JS 和 Html 文件,都放在这个目录下。

Content:用来放置项目的样式文件。

Core:放置项目核心的 JS 模块,并且容易让其它项目重用的。

Module:项目的业务功能模块,其结构类似于 ASP.NET MVC。

Services:该文件夹放置和服务端直行通信的模块。

UI:项目中可重用的 UI 组件。

根目录文件说明:

ErrorHandle:用于处理服务端以及客户端的错误。

WXShare:用于处理微信的分享。

Rewrite:出于项目的需求,需要对于某些 JS 类库的方法进行重写,放在这里。

时间: 2024-08-27 19:00:22

开源一个价值超过 100K 的电商前端的相关文章

实践中的电商前端优化

前端优化已经是一个被写烂的题材了. 虽千万人吾往矣,这里我仅分享我的一些实践经验. 欢迎一起交流 欢迎关注我的个人公众号,不定期更新自己的工作心得. 正文如下 前端性能 1. 模块化 严格来说,代码模块化并不能带来性能上的提升,但我还是将模块化提出来,因为它真的很重要,重要到几乎所有的优化都与它息息相关. 常见的模块化方案有:AMD.CMD.UMD.ES6 如何选择? 团队习惯 个人偏好 业务需要 我靠!你怎么能把业务需要放在最后一个考虑? 因为没有哪一块业务会因为使用了不同的模块化方案而产生不

电商总结(八)如何打造一个小而精的电商网站架构

前面写过一些电商网站相关的文章,这几天有时间,就把之前写得网站架构相关的文章,总结整理一下.把以前的一些内容就连贯起来,这样也能系统的知道,一个最小的电商平台是怎么一步步搭建起来的.对以前的文章感兴趣的朋友可以看这个,http://www.cnblogs.com/zhangweizhong/category/879056.html 本文大纲: 1. 小型电商网站的架构 2. 日志与监控系统的解决方案 3. 构建数据库的主从架构 4. 基于共享存储的图片服务器架构 5. 移动M站建设 6. 系统容

如何打造一个小而精的电商网站架构?

本文大纲: 1. 小型电商网站的架构 2. 日志与监控系统的解决方案 3. 构建数据库的主从架构 4. 基于共享存储的图片服务器架构 5. 移动M站建设 6. 系统容量预估 7. 缓存系统 一.小型电商网站的架构 刚从传统软件行业进入到电商企业时,觉得电商网站没有什么技术含量,也没有什么门槛,都是一些现有的东西堆积木似的堆出来罢了.然而,真正进入到这个行业之后,才发现并非如此.有人说过,好的架构,是演化出来的,电商网站的架构也是如此.现在好的电商网站,看似很复杂,很牛逼,其实也是从很小的架构,也

一个“新的”跨境电商亚马逊

首先,我们来了解一下跨境电商,跨境电商可分为进品的和出口的,跨境出口电商也被称为外贸电商,是相对于原来传统外贸而言的,跨境电商更多的是指B2C,甚至还有C2C的,还有另一种是跨境进口电商类的,这里我们主要以跨境出口电商的为主. 自2012年,亚马逊全球开店项目在中国启动,中国成为亚马逊的重点战略市场.中国卖家数量强势增长,拓展全球市场.借助亚马逊平台,中国卖家可将商品销售给全球3亿多活跃用户,其中包括不断增长并具有较高消费力的Prime优质会员群体.亚马逊全球123个运营中心帮助中国卖家以更快的

电商前端工程师:国内WEB前端开发经验之路

一直想写这篇"十日谈",聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是"初级"前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅.时势造就了一批技能薄弱但备受追捧的"弄潮者",这在很大程度上影响我们对"技术本质"的洞察力,多

东航电商前端技术周刊第五期20180724

今天我们将分享如下内容,希望能对小伙伴们有些许帮助: 1.通过改变类名渲染不同背景图的简洁写法: 2.项目中常会用到的点击弹出模态框禁止页面滑动: 3.axios post提交的Content-Type设置: 4.vue踩坑之路--axios post请求传参失败解决方案: 5.缓存相关知识整理: 6.关于微信清除缓存: 7.偶遇一个奇葩问题,避免大家踩坑: 不多说,直接上例子: 一.通过改变类名渲染不同背景图的简洁写法:(不重复书写background-size:100% auto) 起初为了

如何一步一步用DDD设计一个电商网站(四)—— 把商品卖给用户

阅读目录 前言 怎么卖 领域服务的使用 回到现实 结语 一.前言 上篇中我们讲述了“把商品卖给用户”中的商品和用户的初步设计.现在把剩余的“卖”这个动作给做了.这里提醒一下,正常情况下,我们的每一步业务设计都需要和领域专家进行沟通,尽可能的符合通用语言的表述.这里的领域专家包括但不限于当前开发团队中对这块业务最了解的开发人员.系统实际的使用人等. 二.怎么卖 如果在没有结合当前上下文的情况下,用通用语言来表述,我们很容易把代码写成下面的这个样子(其中DomainRegistry只是一个简单的工厂

如何一步一步用DDD设计一个电商网站(十)—— 一个完整的购物车

 阅读目录 前言 回顾 梳理 实现 结语 一.前言 之前的文章中已经涉及到了购买商品加入购物车,购物车内购物项的金额计算等功能.本篇准备把剩下的购物车的基本概念一次处理完. 二.回顾 在动手之前我对之前的购买上下文内对象做了一次回顾.先梳理一下已经在上下文内出现的领域对象,如图1所示: [图1] 在梳理的过程中,我把原来Cart.AddCartItem(string productId, int quantity, decimal price)重构为了Cart.AddCartItem(Produ

从买好车卡位平行进口车,看汽车电商风口来袭

2015年7月20日,国内第一平行进口车电商平台买好车宣布获得过亿元A轮融资,由北极光创投领投,天使投资方创新工场跟投.自2014年7月成立以来,买好车平台迅速获得了创新工场300万美金的首轮投资,并在平台上线不到半年的时间里,平行进口车销量超过上千台. 同时,买好车还与中德.典典养车等汽车后市场优质服务商达成战略合作. 作为成立刚一年的面向平行进口车市场的一站式电商平台,买好车顺利完成品牌建设与市场占领,汽车电商风口正在迅速袭来. 买好车的商业模式 作为国内平行进口车第一电商平台,买好车于20