About the event that MOOCs transformed my open source project Newbee-Mall and sold it online without notice or authorization, you can see the context of the event in the previous article “Newbee-Mall open source project was used by MOOCs as a course, but I had no knowledge of it, what kind of operation is this?” Due to the limited space, the comparison between pages and functional modules was not introduced in that article, and the detailed comparison will be included in this article. Hope everyone can like and retweet more, let more people know this matter.
This article is a detailed comparison between the newbee-Mall project and The Mu Mu fresh project, including project design, page, functional module, table structure design, a total of about 100 pictures and more than 30 videos.
In order to avoid moOCs “optimizing” or “upgrading” the course information overnight after the article is published, I also recorded the video, and have done evidence preservation in the notary office, recorded and saved all the relevant videos and course content, so I don’t worry about this matter.
Take the open source project to change the face, and the publicity is their own original project, the copyright copywriting and other content in the previous project all deleted. Ignoring the Copyright Law of the People’s Republic of China and the author’s legitimate rights and interests has been suspected of infringing my copyright.
Overall project comparison
PS: On June 1, 2021, the “Java Engineer” system course was upgraded to the 2021 version, and the ultimate project used was still the same project, but only page fine-tuning, and the version I compared was the “Java Engineer” 2020 version, which had been preserved in May 2021. No matter Java Engineer 2020 edition or Java Engineer 2021 edition, these two courses are suspected of infringing my legal copyright.
The first is the comparison of the overall preview of the project. The following figure is the preview of “Admire Fresh” project given in the 2020 edition of Java Engineer, a MOOC system course:
I did a similar layout with images from the open source project Newbee-Mall, and you can see it here:
Not unrelated, but exactly the same. The comparison between the two pictures is a matter of opinion, and the best ones are yet to come.
Project the main color
In the Project of Newbee-Mall, the main color + black + white is mainly used, and all the pages have these three colors. The main color is # 1Baeae, and the color display is as shown in the picture below:
Newbee-mall buttons, hints, and images will also use this color.
This is a color that I’ve talked to a lot of people about.
The following is a chat I had with The head of Operations of the Nuggets, Youarc, in November 2019 to discuss the cover color of my first Nuggets volume, choosing # 1Baeae.
All three of my gold nuggets are covered in # 1Baeae, as shown below:
The following is a chat I had with a friend in January 2020. It was mainly a chat and how to expand the Newbee-Mall project later. I mentioned that the main color of the project was # 1Baeae.
The following chat record is a conversation I had with Editor Chen of Publishing House of Electronics Industry in March 2021. At that time, I was mainly exchanging the book cover design of my first book. I told him to use the main color of Newbee-Mall project # 1Baeae.
Vue2 and Vue3, including the Newbee-Mall project, also use this color, as shown below:
Not to say that this color can not be used by others, just curious why such a coincidence? Seeing the friends here, are you curious? Moocs, are you curious? Moocs, are you curious?
The main color of the project is also # 1Baeae, which is not a very popular color. Besides newbee-Mall, I have not seen other projects using this color. Why is it so “coincidence”?
Detailed comparison of project pages
In fact, I have made a comparison of all the pages in newbee-Mall and Mu Mu Fresh projects, about 20 pages. Here I will put all the comparison pictures out for you to see. During the process, I was very angry. Not only did the functions overlap with the page, but many copies on the page were not changed. The copy on the home page, shopping cart, details, order list and order details were completely copied. This pixel level copy and paste, really give me the whole thing, I am numb.
Late at night on May 15, 2021, I had all the page comparisons done and tagged.
After doing these page comparisons I lost sleep thinking about these page comparisons. He was restless when he fell asleep, and slept only four hours. I just can’t figure out, I really can’t figure out, why moOCs would do this, and why the two projects are so similar! When doing project comparison, I really, in the heart of a pang of hair, a lot of functions are really direct copy and paste, you are too bullying people.
Mall end – login registration page comparison
The following are the login pages of Newbee-Mall and Mu Mu Fresh Mall:
The changes are as follows:
- Changed the LOGO picture.
- Change the background color from #14212a to #1baeae.
- The background color of the login Form has been changed from #444 to pure white.
- The copy and layout of the login Form remain unchanged.
- The display of the verification code was deleted.
In general, the newbee-Mall login page has been slightly changed, and the steps of the transformation are all on it: change the background image, change the color, change the LOGO image, it can be seen at a glance copy and paste.
Mall end – Home page comparison – not logged in status
The following are the home page of Newbee-Mall and The home page of Mu Mu fresh Mall under the logged state:
The changes are as follows:
- Deleted several navigation links in the original Newbee-Mall project and replaced them with “Admire fresh”.
- The navigation bar on the right side of the page is the same, and the location of the search box is the same as the icon.
- Modified the LOGO picture.
- Deleted the two modules of “new products online” and “hot products” in the original Project of Newbee-Mall.
- The layout and copy of the “Recommended for You” display area are the same as the home page of the Newbee-Mall project, only the font size has been changed, and the copy has not been changed.
Mall end – home page comparison – login status
The following are the home page of Newbee-Mall and The home page of Mu Mu Fresh mall under the login state:
In the login state, the personal center navigation will appear, and the user login drop-down box in The Mu Fresh project will display the same effect, copy and jump link as newbee-Mall.
“Recommended for you” in the list of goods, each commodity display area will have a hover event, the mouse will appear a mask layer, and show two lines of text, admiration fresh effect here and newbee-mall is exactly the same, but the copy has been modified, by “newbee select good things can also not expensive”, Change to “admire admire the choice good goods can also not expensive”, this is the pixel level copy and paste!
Mall end – display area comparison at the bottom of the home page
The following are the display content at the bottom of the home page of newbee-Mall end and the home page of Mu Mu fresh mall end:
- “Customer service” part: copy and design are exactly the same.
- “About us” section: the copy and layout are exactly the same, but the “new bee” in the copy is changed to “mu Mu”.
- “Two-dimensional code” part: “Newbee-Mall” changed to “Admire fresh”, two-dimensional code picture changed, the copy of the branch office did not change any.
- Deleted newbee-Mall “link” display module.
- “Copyright” part: consistent layout, some copy has been modified.
The most classic is the Copyright suffix.ltd. In the project of Newbee-Mall, newbee. LTD is displayed here, why? When I applied for newbee-related domain name in 2019, only newbee. LTD could be registered, which ended in.ltd, so Copyright used newbee. LTD. Mu mu fresh here is also a little rough, normally are.com or.cn domain name, this. LTD domain name directly give me the whole will not delete clean, what is not.
Mall end – product details page comparison
Below are the newbee-Mall and Muo Fresh product details pages:
The ICONS, typographic design, layout, and presentation copy on the two pages are identical, all pixel-level copy and paste.
The changes are as follows:
- The trade name is “centered”.
- The “original price” field in newbee-Mall prices has been removed, and the display effect has been removed.
- Deleted newbee-Mall “Buy Now” button.
- < div style = “font-size: 14px;” style = “font-size: 14px;
Not only is the page a pixel-level copy and paste, but the pop-ups are also not spared. The following two images are newbee-Mall product details page pop-ups and Muu Fresh product details page pop-ups:
The text on the popup is exactly the same as the icon, and the button on the popup is exactly the same as the name of the button. The only difference is that the popup is slightly upside-down.
Okay, well, it’s totally impossible to tell.
Mall end – Shopping cart page comparison
Below are the shopping cart pages for Newbee-Mall and Muo Fresh:
Honestly, do you see the difference?
First of all, I changed the LOGO picture, but the top copy and style of the shopping cart page are exactly the same as the shopping cart page in Newbee-Mall.
In the shopping item list, the header copy is not changed, but the size is reduced, the rest of the layout and display effect is exactly the same. The difference is the addition of a selection box, other than that, the entire page is indistinguishable from the shopping cart page in the Newbee-Mall project.
The copy at the bottom of the cart, where the copy is displayed, buttons, button names, and button colors are exactly the same as in the Newbee-Mall project.
Mall end – mall settlement page comparison
The following are the settlement pages of Newbee-Mall and Muo Fresh respectively:
To be honest, did you not see the difference between the two pages?
The personal center is exactly the same, just a little tweaked here.
The “Fill in and check order information” copy and style is exactly the same, only “centered”, and the submit order button is exactly the same.
List of goods to be settled: the layout and display content are exactly the same as newbee-Mall.
Receiving information: fine tuning, consistent button, copy from “modify” to “edit”.
Price section: copy, style, layout is exactly the same as newbee-Mall.
The overall layout and display of the settlement page, again a pixel level copy and paste.
Mall end – payment page comparison
Here are the simulated payment pages for Newbee-Mall and Mu Mu Fresh, respectively:
Another page where you can’t tell the difference.
However, some changes have been made:
- The display of order total price field has been deleted.
- Qr code changed
- The display of the order number field has been deleted.
- Change the background color of the page from base to newbee-Mall’s main color # 1Baeae.
There are also a few minor bugs that will be sorted out separately later.
Mall end – order details page comparison
Below are the order details pages for Newbee-Mall and Mu Mu Fresh respectively:
The two pages seem to be twin pages.
-
The copy and layout at the top of the page are exactly the same as newbee-Mall, unchanged.
-
Deleted copy display of order status in the original Newbee-Mall project.
-
There are several more function buttons. In newbee-Mall project, different function buttons will be displayed according to the order status. Admiration for fresh food is directly shown here in full.
-
Other content display and typesetting, the basic copy and paste of the original model.
There are also a few minor bugs that will be sorted out separately later.
Mall end – personal order list page comparison
The following are the individual order list pages for Newbee-Mall and Mu Fresh, respectively:
Two pages cut from the same mold.
- Copy and paste the copy at the top.
- The newbee-mall order payment status field was removed.
- Order display style and Newbee-Mall is basically the same, the layout, style are exactly the same.
- Added display of order number field.
- The layout and copy of the amount payable have not been changed.
- The Order Details button has a border style, and the size and text are the same as before.
Background management system – login page comparison
At first, I thought it was just the mall side of the page is very similar, the backend management system should be different, the results of the two comparison, the background is completely copied and pasted in the past, just changed a page style, field, copy, button position, functional area location can be said to be exactly the same.
So let’s start the comparison.
The following are newbee-Mall and Mu Mu fresh background management system in the login page:
When comparing the landing page, I actually sighed a little. Do you want to copy and paste the login page in the background management system?
The changes are as follows:
- The newbee-Mall login page background effect has been removed. The background color has been changed to pure white.
- Deleted newbee-Mall LOGO picture
- “Management system login”, copy, font, size, color, location, are exactly the same.
- The text of the prompt message is the same, the background color is the same, and it is exactly the same.
- The display of the verification code was deleted.
Background management system – commodity management module comparison
The following are the product management pages of newbee-Mall and Mu Fresh backstage management system respectively:
In the Project of Newbee-Mall, I have introduced the layout of each management module in the development document. The page layout of the management module includes the title area, button area, data display area, and page turning button area.
The product management page of Mu Fresh backstage management system is basically the same as newbee-Mall product management page, which belongs to more than 90% copy and paste, only the style has been changed, and then a deletion function, other parts are exactly the same.
-
The title area is the same as the button area, with the same location and copy. Only the “modify goods” button is adjusted to the list display area.
-
The head of the display area of the product list, you can take a closer look, is exactly the same as the product management page in Newbee-Mall, the copy and order have not been changed, completely copy and paste.
-
The item number field, and I’m going to say this in particular, is actually the item primary key ID field. Because I was lazy when I was developing Newbee-Mall and didn’t design an additional item number field, I called the item primary key ID the item number. Mu Mu fresh here, also called “commodity number”, too “coincidence”.
-
Listing status of the field display, removed the original NEWbee-Mall CSS effect.
-
Added the delete function.
After the comparison of the list displays, take a look at the product edit pages for the two projects:
In the product editing function of Mu Mu fresh project, the product editing function of Newbee-Mall project has been simplified. One of the most obvious is the removal of the item detail field, which eliminates the need to integrate a rich text editor into the edit page, reducing the usable area of the page. Therefore, you can use the Form of a pop-up box to display the product edit Form.
Looking at the list of items, the fields are basically the same as those in newbee-Mall. The difference is that three fields are deleted, namely, commodity price field, commodity Tag field and commodity details field.
The product edit function is also copy-and-paste and removes three fields from the product list. But there’s a BUG here, which I’ll talk about later.
Background management system – classification management module comparison
The following are the classification management pages of newbee-Mall and Mu Fresh backstage management system respectively:
In the classification management page of Mu Fresh, the title area and button area are the same as newbee-Mall, the same location and the same copy.
But mu mu fresh classification management module, also made the function of the cut. Because the product classification is made three levels: the first level classification, the second level classification, the third level classification, so newbee-Mall classification management page is to do the upper and lower level classification of the jump function, which is deleted in the Mu Mu fresh project.
The “Modify” button and “Delete” button are adjusted to the list display area.
The category list display area’s header, copy and order are exactly the same as newbee-Mall’s, directly copy and paste. Added an Operation column for the Delete and Modify function buttons.
Added category ID display.
At the beginning, I did not understand why there was such a column added to Mu Mu Fresh. Later, after experiencing the function, I knew the reason for displaying the ID field of this category: When adding or modifying the category, users need to manually fill in the ID field of the parent class of this category in the project of Mu Mu Fresh. Because of the function reduction on the basis of newbee-Mall project, the parentId field cannot be directly obtained like newbee-mall, so it must be displayed here, otherwise the classification cannot be added or modified correctly.
The function of newbee-Mall project is relatively perfect. The acquisition of the parentId field is processed by the code and the user does not need to manually input, so the field does not need to be displayed.
Other functions are not analyzed, classification management module has been changed to “sibuxiang”, do not want to analyze, helpless.
Background management system – order management module comparison
The following are the order management pages of newbee-Mall and Mumu fresh backstage management system:
At first glance, the order management page of Mu Fresh project seems to have little relationship with Newbee-Mall, but after careful analysis, the overlap degree is even higher than the previous two modules. This page is 95% similar to the Newbee-Mall order management page, except that the button area has been adjusted, and the rest of the design and presentation is exactly the same.
Header area, same. Button area, completely deleted, adjust to the list display area.
The header of the order list area is exactly the same as the header of the newbee-Mall order list page. The copy and the order have not been changed at all, 100% copy and paste.
When I saw the “View order info” and “View Recipient Info” buttons, I literally laughed. You can click and newbee-Mall comparison, pop-up effect is exactly the same, the display field is exactly the same. I wrote an article about the two buttons that I developed on the subway in 2019, so I’m pretty impressed. Sitting on the subway wasn’t very comfortable at the time, so the information display here is a little rough. But mu mu fresh project has been completely copied over, very cold.
So far there is no need to analyze it.
Function point comparison
Generally speaking, Mu Fresh is a lower-level version of Newbee-Mall, and most of its functions are the same. But mu Mu fresh deleted a lot of functions, the page also deleted a few.
Functions of the background management system were deleted
The screenshot of the background management system of Mu Mu Fresh project is as follows:
There are only four management modules. Deleted Dashboard, home page configuration, rotation chart management, member management and other modules, the corresponding page is also deleted.
The rich text editor is also not integrated because of the deletion of the detail field in the commodity table.
Mall end functions deleted
Mall end words, there are the following cuts:
-
The two modules of “new products online” and “hot products” were deleted from the home page, and the links at the bottom of the page were deleted.
-
On the commodity search page, the paging display function has been deleted, and the secondary classification effect when searching according to the classification has also been deleted.
-
The real-time shopping cart refresh feature in the upper right corner has been deleted.
-
In the commodity details page, the display of some fields is deleted, and the commodity details display div is completely deleted.
-
The page for selecting payment method has been deleted.
-
Order details page, deleted part of the copy display.
I don’t have a screenshot of the deleted features, you can have a look according to the points I listed here, and I will also put up the pictures if necessary in the future.
A few bugs in the Admiration for fresh project
The old problem again, when the function comparison, I also help to find the problem, and indeed found a few admire the BUG of fresh items.
-
When placing an order, you need to repeat input the receiving information. Each time the order input once, too pit.
-
Payment page price and order number not shown.
-
After successful payment, the order details page still has the “To pay” button, as shown in the following picture, there is the “to pay” button.
-
After the order is generated, the “Order Number” field in the order details page is not displayed, as shown in the figure below, the browser address bar has the value of the orderNo field, but the page is not displayed, it must be a BUG.
- On the order details page, two pop-up boxes appeared after clicking the button. It was only clicked once, but two pop-up boxes appeared, as shown in the picture below.
- Copy error. In the new classification function, the copy here should be “classification name”, right? As shown in the figure below:
- In the classification management module, the output of pop-up data is incorrect. To enter the classification management page, click a “Modify” button randomly first, and then click “Add” button. At this time, the data of the last time will be displayed in the popup box. In the correct state, click “Add” button, and the data in the popup box should be empty, as shown in the picture below:
- In the commodity management module, the output of pop-up data is incorrect. To enter the commodity management page, click a “Modify” button randomly first, and then click “Add” button. At this time, the data of the last time will be displayed in the popup box. In the correct state, click “Add” button, and the data in the popup box should be empty, as shown in the picture below:
I really want to put carrots in your mouth.
Are project functions not tested? Sale price 4280 yuan course, test so perfunctory?
Also, is there a BUG in copying newbee-Mall? Are you kidding me?
Table structure design comparison
Here are some key table designs:
- Classification table: the fields are basically the same, there is no difference
- Commodity table: The fields are basically the same. Compared with newbee-Mall, three fields are deleted, namely, commodity original price field, commodity small label field and commodity details field.
- Shopping cart table: The fields are basically the same, with one more field compared to the Newbee-Mall item.
- Order table: The fields are basically the same, compared with the newbee-Mall project, two fields are added, which are shipment time and transaction completion time.
conclusion
I know the answer, you know the answer, everyone reading the article should know the answer.
Moocs, you know?
In fact, I spend a lot of time on the optimization and maintenance of newbee-Mall project every year, and I will continue to maintain this open source project carefully in the future. This is my work, and you can’t just violate my legal rights.
Moocs, as the leading IT education platform in China, should carry the banner of protecting intellectual property, safeguard the legitimate rights and interests of originators, severely crack down on plagiarism, plagiarism and piracy, and set a good example for its peers. Never try to infringe on a developer’s legitimate intellectual property rights from above, and never encourage such abuses. Moocs, your sword should point to the dragon!
I’m programmer thirteen. As for the event that MOOCs modified my open source project Newbee-Mall and sold it online without notice or authorization, I didn’t just write this article, nor did I publish it on one platform. These articles have been published simultaneously on 13 platforms, including Jinri Toutiao, wechat official account, Weibo, Zhihu, Bilibili, Digg gold, Blog Park, CSDN, InfoQ writing platform, Si Fu, 51CTO, OSCHINA, Tencent Cloud + community, all under the name of “Programmer 13”.
I will continue to voice in my wechat public account, follow me to see the details of the event and the latest progress, after all, in other platforms may be inexplicable articles “no”. Also hope that you see the article friends can help forward, thank you again.
If there is a need to reprint friends, indicate the source can be reproduced, or you can contact me for article authorization.
June 6, 2021 is my first time to speak out on this incident, a total of three articles:
- “Newbee-mall open source project was used as a course by MOOCs, but I had no knowledge of it. What kind of operation is this?”
- “Newbee-mall open source project was used by MOOCs as a course, detailed comparison and record of the project, see here for more details”
- An open source mall project used by MOOCs as the ultimate project of Java employment class. I recommend it to you.
I will continue to update.
In addition to indicate the reprint/source, all are the author’s original, welcome to reprint, but without the consent of the author must retain this paragraph of statement, and in the article page clearly given the original link, or reserve the right to seek legal responsibility.