Previous review: Vue+Spring Boot before and after the separation of the mall project open source!

Share my sideline experience, also continue the sideline journey in the second half of this year, talk about some difficulties when making online column, sum up some experience, give some reference to the friends who have this idea behind.

Sideline continues!

On July 6, 2020, I published an article summarizing my experience in the past six months and what I have done in my spare time. The summary is as follows:

  • I lost my company. I got a new job
  • The first gold digger booklet is updated
  • Update and upgrade the column in 2018
  • The Vue version of new Bee Mall was developed and all the codes were open source
  • Publish a video course online
  • Contract with a publisher: the publication of the first book
  • Geek time platform to do sharing
  • Operation of public account

Interested friends can have a look at “2020 Mid-year summary” this half year I did what side business? This article, which records the details of the above events.

In June this year, I made two small posts on the Geek Time platform, and finished the drafting and review of this part by the end of June. It was launched on the Geek time platform in July, but I did not participate in the launching process too much. Technically speaking, I finished the sideline work of the first half of the year by the end of June.

After the second half of the year opens, I am not idle, sideline continues!

Vue Mall project development actual combat volume online!

As shown in the figure below, in the small book list in Denver’s official website you can see the Vue mall project development practice, this is my second work in Denver’s book of small, has launched a book the nuggets small copies last year, the second the nuggets brochure would be able to online more happy than last time, very grateful to the nuggets recognition and help to me, also want to thank the support of each friend!

After sufficient preparation and content production, “Vue Mall project development actual combat” has opened the pre-sale in the gold digging pamphlet platform, the pamphlet plan chapter is 40 chapters, 20 chapters have been completed, strictly speaking, not completely online, the current operation is only pre-sale.

So in the second half will also spend a lot of energy on the small volume of content updates, the recent two months are not much update article, because the second half open after all the effort spent on the nuggets small volumes of content production, including pre-sale chapters content updates, advertising map production, small volume introduces content of writing.

Began to plan this small volume in the first half of the year, including 40 article directory compiled, before a few sample chapter tries to write, and communicate and the Denver nuggets, these are all in before they are finished, but the middle has not been finalised, process or some twists and turns, so has been in the audit and communication, behind which determine the conference line after two months, Just put all the time in the last two months on this little volume.

Painstaking content preparation process

The content preparation before the launch of this booklet includes:

  • The production of 20 pre-sale chapters
  • The pamphlet introduces the production of content
  • Production of partial effect drawing

It took a long time to prepare the above materials. Needless to say, the 20 pre-sale chapters were the most important, but they didn’t make me lose too much hair, because the update outline was already planned and I just needed to update the content step by step. What was more frustrating was the last two things. The process of organizing the brochures and creating the effects pictures really made me bald.

First impressions of the course

Although the total number of words in the booklet is 2100+, but this introduction copy is really very important for the whole booklet, so this article has been changed about 5 or 6 times, we see only two thousand words, but in writing the manuscript is far more than this number. In life, we all know the importance of the first impression, and also know what it feels like to be amazing at first sight. This introduction is the first communication between the booklet and the reader, and the reader’s first impression of the booklet is completely derived from this.

First impression refers to the impression the perceptual subject gets after first contact or communication with a stranger. It has a great influence on people to form the overall impression of people or things, that is, preconception. It could be yes, it could be no. Often become the basis for people to decide their second and even later communication behavior. This is important because the representations formed by the original information are not affected by proactive inhibition in memory.

This is a summary of the article, in an article to overview of the entire brochure, tidy up the language most content is introduced, and some of you may for small volume of questions for a perfect solution, let the reader know what this little book is, what can help the reader, if bought what goods and so on. Not only the content of each paragraph, but also the way the paragraph headings are written, have to rack their brains to think about.

If there is no good summary of the entire volume content, or write are not helpful statements, a hasty introduction to the volume, it is likely to let readers do not know what the volume is, impressions will be greatly discounted.

The face of the course

We all know that a picture is worth a thousand words, so I call these pictures as “the facade of the course”. Of course, not only to write columns, but also to pay attention to the use and production of pictures when writing blogs or work reports, because the role of illustration is too big.

Here I take the making process of several pictures in the course as an example to explain this part of the content.

The initial product renderings of Vue version of New Bee Mall are as follows:

This is the publicity effect picture of the new Bee mall made at the very beginning. Although other editors all think it is good, I still think this picture is too thin and does not show too much content, so we cannot get the most information in one picture.

So I planned to put as many preview pictures of the finished products of the new bee mall as possible in a map, and then BEGAN to tindle with PS, thinking about how to typeset these pictures, vertical arrangement, nine-grid arrangement, horizontal arrangement, disorderly arrangement and so on, and tried many ways.

Of course, I also referred to a lot of product brochures to make the second modification to make the following effect picture:

At the beginning, it looked good. I was happy for a long time when the rendering was made, because the layout was much better than the direct horizontal or vertical arrangement. However, after several days, I repeatedly looked at it for several times every day, I still felt that it was not good and had to continue to modify.

First in this graph vertically, and highly value is bigger, alone to see nothing, but in the article, you obviously feel this thing is very occupied space, if a little the picture it is burned, don’t adjust it may be the height of a screen display not over, still need to pull the mouse up and down to browse the full picture.

Secondly, if you look carefully, you can see that there are some minor flaws in this image. The width and height of the small preview images on each feature page are not exactly the same, and the small preview images are not completely aligned between each other, because my Photoshop skills are really poor, and that’s the best I can do. Even so, I think the finished picture is not satisfied with the words, I still have to change, PS practice more, find more material, arrange the effect to think again.

PS practice is quite long, looking for typesetting material for a long time, is to adjust the data after — — — — > > screenshots figure on the production of finished products, makes every effort to do it in a picture you can see the outline of the project, and to ensure the publicity and finished product figure in the beautiful and cool at the same time also to ensure that can provide sufficient content to show for everyone, finally chose the following version:

Another picture:

The picture also spent some time, because I was thinking about not too drab, such as the project development process, can use text to write, but I think use some pictures in this form will be better, so he made this picture and the overall steps: color, shape, permutation and combination, some material I still have it:

I am such a person, I will not feel the trouble to do, if there is a better effect, no matter what I will try to do the best I think.

conclusion

I started my sideline in the second half of the year, and also published my second book in nuggets. Of course, I also introduced some difficulties in the process of making the book. The next time is to update the rest of the booklet, then will go to the development of the new bee mall small program, the arrangement of the second half of the year is so much.

About the volume “Vue mall project development actual combat” content and the volume explained the technical points, we can go to the volume details page to view, this article will not continue to be wordy, thank you for watching.

Happy study!

Recent open source projects I have maintained:

Spring Boot Open source e-commerce project (including mall terminal and background management system) : github.com/newbee-ltd/…

Spring Boot + Vue Back-end separation mall project: github.com/newbee-ltd/…

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.