基于Node和React全栈式框架的移动端生鲜商城的设计与实现

随着现代计算机科学的快速发展，编程技术和软件开发的应用与推广，互联网与电商的持续发展，外卖和宅急送也渐渐地成为年轻人心头好，通过软件或者手机web网站可以随时点外卖到家中，足不出户就可以享受到便捷的服务。所以这个移动端web生鲜商城也继承了外卖app的特点，在这个商城中，用户可以根据自己的喜好来选择相应的水果、蔬菜等生鲜食品。商城支持搜索功能，也支持购物车结算。每个用户都有自己独立的账号。商品也支持详情查看功能。在后台商家可以随时添加新的商品，这样方便商家对商品的上下架与修改。这个商城运用了React框架，所以他是一个单页面的应用，头部底部采用公共部分组件，减缩了很多的代码量，也避免了不必要的重复代码。React-router路由可以使各个页面之间可以快速跳转并且不耽误公共组件的显示。购物车部分采用了React-redux来实现不同组件之间的通信，这样将数据保存在store中，可以在任何组件页面中调用store中的数据。React的diff算法大大提高了页面渲染的效率。后台和数据库运用了Node+MongoDB来实现，Nodejs本身轻量高效并且运行v8 javascript，MongoDB的表单数据查询速度较快，并且符合json格式的类序列化，可用性很高。

关键词： 生鲜商城；React；Nodejs；MongoDB；

Abstract：
With the rapid development of modern computer science, the application and promotion of programming technology and software development, the continuous development of the Internet and e-commerce, takeout and hasty delivery have gradually become the hearts of young people. Through software or mobile phone web website can order to order home at any time, do not leave home can enjoy convenient service. Therefore, the mobile end of the web fresh mall also inherited the characteristics of takeout app, in this mall, users can choose the corresponding fruit, vegetables and other fresh food according to their preferences. Mall support search function, also support shopping cart settlement. Each user has a separate account. Commodities are also supported Hold details to view the function. In the background merchants can add new goods at any time, so that the merchants on the shelf and modify the goods. This mall uses the React framework, so it's a single-page application, with a common component at the bottom of the head, which reduces a lot of code. It also avoids unnecessary duplication of code. React-router routing enables quick jumps between pages and does not delay the display of common components. The shopping cart part uses React-redux to communicate between different components, so that data can be stored in the store and can be stored in any group The efficiency of page rendering is greatly improved by calling diff algorithm of data. Background and database use Node MongoDB to implement Nodejs itself light and efficient, running v8 javascript MongoDB form data query speed, and conforms to the json format of class serialization, high availability.
Key words: Fresh mall;React;Nodejs; Mongo

*若需了解更多与协助请咨询↓→[电脑QQ][手机QQ]【数据协助】