A front-end architecture evolution of a small mall

Bo Master for the first time to develop the mall class project, the current mall has been online, here will not play advertising. The architecture of the mall is mainly Yii2+backbone, and there are some other blablablabla ... Plug-in.

The mall has PC end and end, first on-line PC end.

The first version of the development model is that the front-end students to design a good interface prototype, cut a good diagram, finished static page to the back-end staff. The backend uses the YII2 framework based on the MVC pattern to write static pages into dynamic

. PHP page. Very good, such a way to develop the front-end classmate is very easy, as long as the static page is done, and other all to the back-end staff. If you do a good page, once you need to modify the point small style, front-end classmates

Directly in the original static page to make changes, and then submitted to the back-end staff, the back-end staff to change the place to modify the dynamic. PHP page, the page is nested with a heap of PHP code.

Immediately found this way inappropriate, so began to upgrade. The second version of the development model is that the back-end people do not set the page, directly to the front-end students to achieve dynamic results. Front-end students to design a good interface prototype, cut

Good picture, finish static page. At the same time the backend staff design and development of interface, to the front-end students call. The front-end classmate a heap of Ajax calls, one in the success method for loop rendering tags. Yes

So the entire project down, dozens of pages each page is to request data dynamically through Ajax. The Ajax rendering interface is especially ugly, with a small range of templates added. But such a development model is enough.

The third edition came, the big on the development model is, using the front-end framework, such as backbone, the front-end MVC pattern framework. Front-end students to design a good interface prototype, cut a good diagram, finished static pages, using

Backbone self-brought template set into templates, with good router, using a single page mode. The pressure of the front-end classmate is getting bigger and stronger, forcing each to cultivate to upgrade.

The whole project was developed, and every time the front-end upgrade, all the work step to the front. The first version is most likely to start with, the front-end Task "light", technical difficulty "low", most of the tasks are

At the back end, the back-end staff said that the pear was Alexander. The second version is also a majority of the practice, so that the front-end students in the design of the page, it will not be all over the sky, will be realized from the actual effect and difficulty to consider

Problem. Because the final design of the effect is to themselves to achieve. The third version is the blind toss, constantly upgrading the front-end personnel, forcing them to learn the MVC pattern, using a variety of framework plug-ins, not

Just make a static page, write an Ajax.

Some people will ask, why bloggers do not directly in the third way to develop? Bo Master with the e-commerce technical team, limited human resources, the majority of service personnel, front-end staff are mostly designers and page development

Personnel, the real front-end of the great God kind of wood has. So in order to one side can make the mall successfully online side and can exercise to the team's front-end ability. So the blogger first from the simple most people can accept the way and the process and development,

With the evolution of the three versions, the front-end capabilities of the blogger's e-commerce technology team are independently. If you give them a direct talk about how good the third edition of the development model is, what are the advantages, what

What good time, for the first contact they will confused, the final development of things dare not look directly, even the mall can not be online. The evolution of the development model, one is the ability to ensure that the mall can

Successful on-line, two is a good case to make their own find out now this version of the development model what shortcomings and shortcomings, verbally said no more useless, rather than hands-on practice. I understand that knowledge is always better than

Someone tells you to understand deeply.

A front-end architecture evolution of a small mall