• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

Ant Design pro of vue从零开始(3)

开发技术 开发技术 3小时前 2次浏览

我们之前已经将我们的项目更改到能够在里面使用我们自己的接口了,但是我们进来以后的页面还是显得有些繁杂,毕竟这里面它自带的页面大多数我们都用不到。所以我们要去删除掉这些页面,便于我们后面再添加页面的时候不用那么的浪费时间,去找我们的页面。

Ant Design pro of vue从零开始(3)

 

 这里面有我们文件里面的结构,相信我们之前已经看过了,我们可以看到我们的业务页面入口和我们的常用模板都在哪里。

我们需要的就是将这里面的页面给去除掉.比如说我们要去掉我们的表单页。

这个就是我们的表单页面的代码了,我们就要这一页面的代码,包括不让他这个功能在导航栏里面出现。

Ant Design pro of vue从零开始(3)

 

 当然,我们首先就是要把这个文件夹给删除掉,然后我们还要删除这个页面的一些文件配置。

Ant Design pro of vue从零开始(3)

 

 下面红色框里面的所有代码

Ant Design pro of vue从零开始(3)

 

 将这些代码删除以后就是下面这个样子了

Ant Design pro of vue从零开始(3)

 

 这个样子我们的项目里面就没有表单页面了,其他的页面也可以用这种方法去删除掉,不过有一点要注意一下

Ant Design pro of vue从零开始(3)

 

  我们这个里面的是我们登录进来以后看到的页面,如果你将这个页面删除以后记得重新绑定一个页面,来保证我们进入后有页面可以让我们看到。

还有一个就是异常页文件夹尽量不要删除,我发现他们异常显示貌似都是从这个文件夹里面拿到的,所以我只是将他们在导航栏里面去除到了。

我将页面删除到还这些

Ant Design pro of vue从零开始(3)

 

 下面我们就要开始对我们的接口了,按照我们增删改查的,我们首先要做的就是增加,也就是我们是上传。我们如何对我们的活动进行上传,这时候我们就要再创建一个我们自己的上传页面。我们的页面也是再这viems这个文件夹下面创建一个上传,以及一个上传的页面

Ant Design pro of vue从零开始(3)

 我们还需要在我们的导航里面有这个页面所以我们要把它添加到我们的导航上

Ant Design pro of vue从零开始(3)

 

 基本上做完这些以后我们的上传页面已创建成功了

Ant Design pro of vue从零开始(3)

 


程序员灯塔
转载请注明原文链接:Ant Design pro of vue从零开始(3)
喜欢 (0)