看看antdesign有没有导航菜单借用,现在的导航栏太丑
手风琴愿意用就用,不过后端管理用手风琴的样式更多一点
每一块有show code照着抄就行
改变样式,只要把开关调一下就好了
要用的话大概写法是这样子的
这些都是属性,菜单项,还有子菜单应该怎么写都很清楚
要图标就把这两个东西抄一下
改首页
当时我们的index并不是很好,这些都是可视化组件,应该放在component里单独建立一个home,about的
root也应该单独提走,把这个root改成app也行
应该单独提走导入进来使用
所以这三个组件都应该搬走,跟之前的login,reg一模一样的
把antd引入进来
可以到这里面找
复制一下
menu。item是菜单项,菜单项就是上面的
要求每个item都有个key
既然是key,就是唯一的
弄成这样就行了
现在已经都出现了
上面的导航就直接删除不要了
这里是有一些图标的
看看有没有叫home的图标
就是一个小房子
查的话就查icon,常用的图标都有
这个login放在link外面,上面的放在link里面
上面是在link外面的
这一块是发布链接在一起的,发布文章,文章可以用列表来显示
这两个发布和文章列表做不了路由,因为没有相应的组件类
不配route底下没办法换组件
这里有告诉我们如何布局
布局有几种方式
一般都是上中下布局
一般菜单导航栏是百分百在这里的
有很多种风格
一般后台管理这么做
一般都是上中下布局
这分别是一种布局方案
上中下布局往这里一抄
这一句一定要,把这里解构了,好几个模块
sider不要,不要侧边栏
这部分照抄即可
如果要复杂,这里还有logo
这个叫面包屑,下面是正文内容
名字,layout里面是header,里面是div,div里就是logo,classname名字一定要叫logo
这一部分是menu,选mode就是水平化
现在是这三部分
菜单项现在就应该放在头部,内容项,点不同连接就需要换
footer部分放点东西
现在就可以换了
看看能否控制
就居中了
内部内容可以放到div里,控制div的style,在这上面做一些变化
现在就这么大
写一下margin=auto
就居中了
还可以再加一些
其实应该些classname,然后采用美工的样式表来控制,通过外部样式表来控制,写在行内这样不好
这里有一个最小的高度
写一个200看看变成什么样子
页面没有内容,低下的footer会往上走,非常难看,所以给一个最小高度来把这个页面撑起来
icon的位置要注意,否则会错位
现在要解决发布和文章列表
一般都是上中下结构,然后中间再分左右,还是左中右
需要写一个发布的组件出来
service里还有个跟post相关的js
可以照抄user
这就是pub
下面开始写组件
组件写完后,下面要注册到index里来
现在内容就有了
主要是提交什么,可以先写service,postservice先写,还有一种就是先写组件。
我们先写后台,先把user的拷贝一下
放到post里
发送一个response,现在数据发送了,应该会有一个提交成功与否
这一块用不上token,提交成功与否要告诉它,成功之后怎么做,也需要考虑
写成这样差不多了,后台的写法,和pub相关的,因为回来就是postid,postid可以塞入到某个里面去,比如说在表单里加hidden,如果提交成功把里面的值改改,它的值就是对象,{}大括号,如果id有值就是修改,没有值就是新的博客文章
发布页面其实也需要一个表单
一般网站安全性较差,一般注册不要填太多信息
要在服务器端做验证,来判断浏览器端传的数据到底是对的还是错的
这里资源很丰富,缺什么来这里找就行
主要看render里怎么写,form里有layout
看formlayout哪里来的,是通过onclick发生变化,是决定竖向还是横向
formitem里面还可以增加formitem的样式
formitem的layout是这么写的
照这里抄一下
这三个加一下
可以抄一块内容
抄它
表单有了要加表单项formitem,可以写一个input
title是第一项
但是内容做不来单行的,要在input输入框里去找
就是input textarea
定义个10行
就有一些东西了
差不多了
这两个前面应该有东西
看看form表单这里怎么来的
这里有label
加一下formitem,让它受formitem控制,placeholder是在框子里有提示的
label像标签一样的
想要跑到前面去