New bee mall Vue mobile version open source!
Since the project of New Bee Mall was open source last year, I have been planning the transformation of the Vue version of this project. I started to develop it in 2020 and have been testing it privately. I have also introduced the testing process and existing problems in previous articles. There is no time to sort out this article.
Now, let’s take a look at the Vue version of the front and back separated mall project.
All the code, files are all open source to GitHub repository, there is no hidden behavior, will not say that the lack of a dependency or an important feature, such a thing does not exist, we first take a look at the article and preview images, feel good friends can continue to understand the project.
Of course, I also hope that interested friends can find some problems and propose some PR or issues, so that the open source project can reduce problems and maintain progress.
Newbee-mall has created a code repository on GitHub and the code cloud in China. If someone is slow to access GitHub, he or she is advised to check the project on Gitee. The two repositories will keep updated simultaneously.
- newbee-mall in GitHub
- newbee-mall in Gitee
Review of new Bee Mall
In October 2019, I uploaded all the source code of the new Bee Mall project in GitHub open source repository. It has been nearly a year now. Interested people can go to know the mall project developed by Spring Boot technology stack, the open source address is as follows:
- newbee-mall in GitHub
- newbee-mall in Gitee
Newbee-mall has created a code repository on GitHub and in China’s code cloud. If you are slow to access GitHub, you are advised to check out the project on Gitee.
Of course, the main character of this article is not the mall project, but the second version of this project: new Bee Mall Vue version.
I was there earlier
“Newbee-mall open source” 1000 Star Get! Warehouse Star number broke thousands! Record
and
Newbee-mall is the most popular Spring Boot project on GitHub, I also want to do a pretty boy!
The two articles introduced the future planning of the new Bee Mall and the development idea of the Vue version. I did not go back on my word. Now the Vue mall has been developed and opened to GitHub.
The original new bee mall only a PC side of the page, now joined the Vue version, the new bee mall show more rich form, now the new bee mall into this:
From left to right: three pages of the backstage management system page, PC page and Vue version of the new Bee Mall.
In addition to the proliferation of presentation forms and product lines, the technology stack has also been added to Vue, and the development model has changed to the front and back end separation model.
Vue version development and testing
The development and production process of this project is also very interesting, so I roughly sorted out the timeline.
I can’t remember the exact time of development. I checked the submission record, and the first submission was on February 13, 2020:
However, there are already a lot of files in the first code submission, so it has been under development for some time, and it should be in January 2020, when construction will begin.
The last submission of the development version was on 15 May 2020:
Feel good development, is perfect features when you have time, no particular pressure, until the test stage, to feel some pressure, because really measure, a lot of problems, not just the self-test, for you in the QQ group to help test of time also received a lot of feedback, changed a lot of bugs.
The test process went through three times.
Is the first time in early April, when the function is not fully developed, but the main page are made, and a few friends so simple test, mainly around the page style, UI reduction, data display and the function of the basic process, problem a lot, didn’t find write their own, but let others, everyone put forward a lot of basic questions.
First test result: rotten.
See the results some panic, because the plan is to open in early may, before the base that really is a little problem there are many finish the plans, after spent more energy on this project, repair the problem out, while the rest is good, the functional development of the spent 20 days or so.
Then came the second test, the time point was on April 20, and asked a few more friends to help test. This test will be more comprehensive than the previous one, verify whether the first problem is fixed, at the same time to go through all the functional process, each step should be repeated testing, repeated verification, some can be modified at the time of the modification, the problem is complex on the record and then change. There are also models and adaptation of simple verification, but after all, it is not a professional test, there are not too many machines on hand, so just a simple verification wave, also found some problems.
The second test result: pass.
After it is, of course, to sort out the test results of the two, and the problems, and then pointed to repair, had been scheduled to open in early may, but because of the two test results is not very ideal, was moved to the back, test process and modify the time spent a lot of, mainly responsible for yourself, responsible to the people, It’s certainly not a good idea for me to put an incomplete or flawed piece of code into an open source repository, but I try to give it to everyone. It took another 20 days or so to fix all the problems and verify them many times.
I have recorded the problems encountered in these two tests in this article, if curious students can also go to see: “Newbee-Mall open source” the Vue version of the front and back end separation will be open source.
The third test is on May 23:
Day is Saturday, I feel you may have time, will take this to some of my QQ group in the incident, let everybody to test and experience, after the registration process to shopping module are tested again and chat a lot, feel everybody is enthusiastic, but the experience is not very good, because the individual server bandwidth is low, So everyone feels a little bit stuck.
There was not a lot of feedback except for the slow access to the test, which was then patched again to address the scattered issues and posted to the GitHub repository on May 30, 2020:
The above is the development and open source process of Vue version of new Bee Mall. It took almost half a year from planning to development, to testing, and then to open source successfully. The result is also very good, I did not give you up, from last year told you to open source Vue version of the mall project, to this year all the code development and put on the open source website, although the time delay of about a month, but overall is relatively satisfactory.
Hope you enjoy this project and support it! I will fix any problems in time. Meanwhile, I will continue to expand other functions and technology stack around the new Bee Mall.
conclusion
From writing the first line of code at the beginning of the year to open source all the code on May 30, I spent half a year to write an open source project of Vue Mall. Although the process was tortuous, the result was always happy, and I hope you can also be satisfied.
This is the first article to introduce the Vue version of Xinbeingmall. The time is relatively short and I haven’t sorted out too much content. Later, I will sort out several articles according to your feedback.
Because last year gave you such a promise: I will write a Vue version of the mall project for you.
This year, I did.
As a result, the Vue version of the new bee mall is open source.
Write in the last
Do a small promotion, interested friends can take a look, recently I released a new volume on the gold digging platform “Vue Mall project development combat” (pre-sale stage 50% discount).
Based on the actual combat development of real projects, namely learn to use!
This is a front and back end separation of online mall project, technology stack for Spring Boot and Vue, to help readers have the ability to develop and coordinate a complete project is the goal of this small volume, this small volume will take you to a Spring Boot + Vue full stack project development practice, Let you understand the current hot technology stack in the actual combat.
Will select the current mainstream technology in small volumes, to take you from scratch to achieve a complete and perfect separation mall application before and after the end, realize the front-end and back-end, database design and development process, this brochure will be sent to you by technology stack in detail, multiple function module development practices, and combined with actual project development in the product process to complete the task.
Interested friends can pay attention to it.
In addition to indicate the reprint/source, all for the author’s original, welcome to reprint, but without the consent of the author must retain this statement, and give the original link in the obvious position of the article page, otherwise reserve the right to pursue legal responsibility.