2021-11-08

编写进存销页面

回顾上一篇文献是搭建进销存系统的数据模型，下面是编写进销存页面：

进销存是一个进货、销售、存储数据系统，每一个页面都嵌套另一个页面，一个页面有多个模态框，模态框内实现多个功能与基本信息，这些都是要我们一步一步根据以前学过的前端来逐步完成的，同时考验了之前所学的前端是否完全掌握…..

在写页面之前先把bootstrap、layer插件引入到视图中，因为bootstrap、layer两个插件可以直接实现多种功能，编写者能够快速、明了的搭建页面

bootstrap、layer两个插件引入后，正式开始编写页面：

根据上图的显示，如何搭建这种类型的页面呢？以下是根据我的编写思路搭建成这效果

1. 给最上方便签记录、重新登陆…我把它称为“标签栏”

 

标题栏差不多就已经完成了。

2）补充一个知识点： div实现伪类的基本代码：

   

鼠标未放上去之前是一个绿色的背景色，当鼠标移入是瞬间背景色变成蓝色，这是伪类的功效。

1. 回到进销存页面如何完成左边的导航条的样式呢，首先他分为六大模块，建一个div，div内一个无序标签，如图所示：

标题栏与导航栏差不多就已经完成后，出现图一效果。