Weekly diary of the seventh week of front-end internship

Preface

I didn’t write about it in the sixth week because the first two days of the sixth week were spent working on the sample library part of the fifth week. One problem is the nesting problem (because I used recursion), and the other problem is that there is no problem with the local machine, and the packaging and online interface 404. I will address this issue in this week’s summary.

The new requirements were discussed on the third day of the sixth week, and the fourth and fifth days were spent on research. I also had a face-to-face interview with Didi this week, and it was fine without incident. This is the face-to-face experience:

Didi's front-end face-to-face experience (already hung)

Week 7

Week 7 did a lot of bits and pieces. It includes the display and concealment control of forms, the selection and rendering of hospital area dynamic data, the addition of tabs in two places, the addition of several fields, and the permission control of bacteria selection.

Sounds simple? The hardest part is adding tabs:
Insert image description here
dynamic tabs, controls and drop-downs rendered from the backend. In fact, this is nothing. The difficulty is that its label and control can be found in a field, and the drop-down on the right can also be found in a field. But they are all in one table -Universal form!

There was a place similar to this before, but since these two forms are placed in the same place, that means I need to do a filter first.

This is not the most difficult. The most perverted thing is here. We can take a look at the data request parameters:

{
    
    
    "sample_info_id":"1689148414801702913",//祖父
    "identify_result_id":90,//父亲的id,可以为空
    "pcode_biz":"biz_bandingliang_control",
    "form_value":{
    
    
        "1_$$_菌落计数2":"2_$$_阳性",
        "2_$$_beta内酰胺":"2_$$_阳性"
    },
    "li_m_identify_result_data_detail":[
    ]
}

Just say that the form_value should be written on the left and on the right. This is not the most difficult thing to do. The most difficult thing is that my form control submits in English, but the negative and positive characters on the right are in Chinese, so I have to filter them in another form...

The logic refers to what my colleagues have written before, but it is mainly written by myself. One function, two loops, one nested two levels, one nested three levels, finally put it together.

The situation at that time was as follows:
Insert image description here

Insert image description here
Insert image description here
Finally it was done.

I don't really understand the idea behind this table. Stacking?

Project deployment goes online

Usually the team leader does the deployment, but this week it was me who deployed it online. Of course, the first priority to solve is why some interfaces are 404.

Let’s talk about deployment. It’s actually very simple. The front-end is packaged with npm run build, then connected to the remote server, and then the dist content is placed in the configured folder.

==The front-end cross-domain and proxy proxies are only useful in the development environment. ==Can be understood as a forward proxy? Then our problem today lies in Nginx. Just change the relevant code and it will be fine. Because we have three backends, java, java, and .net. Today we added .net to it, and then all related requests will be fine.

Summarize

This week has been quite tiring, but also rewarding. Next week I’ll just memorize the mental map. I feel like by dictating the task like this, I’ll overlook a lot of things.

In addition, I am going to brush up on the algorithm. In the golden autumn of September, I understand everything (dog head.jpg). The algorithm will be recorded, welcome to follow the blog.

Guess you like

Origin blog.csdn.net/zxdznyy/article/details/132628152
Recommended