Come on, you may not have seen such a complete battle

Time:2021-3-8

It’s customary. If there are any changes in the future, we will give an overall explanation here.

preface

As a high-yield blogger, I haven’t published for a long timesegmentfaultThe above article is almost deleted, or blame me for digging holes and setting goals for myself at the beginning, but the results are lagging behind, and there is no movement. After a long time of reflection, I decided not to do too grand goals, but I didn’t want to make things simple. So I summed up the content of this article and made a practical technical report covering some popular front-end circles, including(Node, Koa, Express, Pug, MongoDB, Sass, Gulp, React, Vue, Webpack, React-Native, Weapp, Electron)Wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait, wait.

Forget to say what to do… It’s probably a community of sharing and communication. I’ll talk about it in detail below.

Before I sent the article, I had already used itExpressBuiltAPIService and usagePugTemplate output in the form of traditional website, two packages completed, may be patched later, but probably the meaning has come out.

There is another point… This article is just an overall explanation, not covering too much technology related content, so it was not posted on the blog.

Project address:The ultimate battle you haven’t seen

Administration

Although there are a lot of things, I don’t want to split it into many warehouses (a warehouse is in the form of a package) for obsessive-compulsive disorder. I put all the contents in a warehouse (practice), just distinguish them by the root folder, and use theyarnOfworkspaceThe way to manage all packages isServer (API data service)Site (traditional template website)Manage (background management system)Web app (wechat applet)Spa (mobile single page application)Native (native APP)andDesktop (desktop application). Because it’s only finished for the time beingserverandsite, so other directories are temporarily deleted and added back when they are written later.

about

I’d like to talk about the whole project and plan in detail, otherwise you may not know what I’m doing and what I’m doing with the above technology. I’ll try my best to post more pictures of the applications generated by each package to attract everyone’s attention, hee hee.

server

First of allAPI servicesI was going to use it in the beginningKoaYes, but I’m rightExpressI’m more familiar with it. I still use it for fast iterationExpress, but also prepare for this waveAPIIf there’s no problem, change it toKoaTo write, I don’t want to use the same technology many times. Here I’ll post a test coverage chart.

Come on, you may not have seen such a complete battle

The test that didn’t run was due to the fact that when dealing with the exception at that time, it didn’t throw it to one place, which led to many exception handling tests not running. Later, I asked several predecessors to know that we had to pull the exception away. It was stupid… But it was almost finished, initialization was about 30 or soAPIAnd wrote a separate oneAPI documentationLet’s see the API documentation for details.

site

Then there is the traditional website form, which is similar tojava(jsp)Originally, this form of data should come from the database, but for my sakeAPI servicesTherefore, this package does not operate the contents of the database, and all the data comes from the databaseAPI services, the technology stack isExpresscombinationPugDone.

I was going to finish itserverBut I’m still afraid that there is no effect picture, and people’s interest is not good, so I’d like to show you what kind of application this whole station is.

Come on, you may not have seen such a complete battle
Come on, you may not have seen such a complete battle
Come on, you may not have seen such a complete battle
Come on, you may not have seen such a complete battle

I wanted to cut onegifBut it seems to be a little big. Let’s forget it. Static pictures can probably tell what it is, similar toNuggetscnodeOr is itsegmentfaultThe community website, only the function is simple, and. Page also referred to a lot, please forgive me.

I’m writingsiteAlthough I have learned some experience, I still feel that it is not perfect, obsessive-compulsive disorder, besides itselfExpressandPugBesides, the style is usedSass, compiled withGulpIt’s not enough, but it’s still involved, but the test hasn’t been written. It’s too short of time and too painful. I’ll make up the test later. After all, my package is an application package… Excuse me!

plan

Recorded in2018-07-19Because I just launched the project, maybe I didn’t notice itbugIt will be exposed one after another, so the preparation time will be used to improve itserverandsiteWhen the two packages are stable, they will startmanageBackground management system content, technology stack forReactandAntdI especially like these two things, so in fact, I still hope to be quick

Blog

Since I have a lot of content, each blog article corresponds to one content. The detailed implementation process will be reflected in the blog. If there is a mistake, please forgive me. At this stage, I have finished two articles:

  1. The ultimate real combat (1) – data service of node
  2. Ultimate combat (2) – output traditional website with Pug template

epilogue

In fact, the purpose of doing this at that time was very simple. I wanted to be more proficient in using these technologies, wanted small stars, and so on. I gained a lot when I did it. There were many very good predecessors who helped me answer questions and solve doubts. They made me constantly overthrow the code I wrote before, and constantly optimize them (PS: there may be many defects now). I also improved a lot. At the same time, I also hope that My blog or code can help more people!!!