基于Vue框架Element UI组件库单页面应用后台管理系统项目总结

项目总结

一、项目名称

    商品后台管理系统

二、技术栈

框架：vue框架
UI组件：
    Element UI组件库
    作用：通过使用Element UI组件库帮助进行页面布局，简化操作流程，清晰明确需要实现的要求；
    安装：npm i element-ui -S
    项目中使用到的部分组件：
    1、Layout：通过基础的 24 分栏，迅速简便地创建布局，相似bootstrap栅格系统；
    2、Container：项目页面所采用的主要布局容器，将页面分为左侧aside导航栏、上侧header顶栏、main主容器；单页面应用的切换实际上是组件的切换，在进行跳转时，分别在aside，header，main容器中跳转到指定的组件。
    3、Icon：直接通过设置类名为 el-icon-iconName 来使用element的Icon图标库；
    4、Button：引入一些按钮，实现页面中主要的跳转及url改变的切换的功能。
    5、Form：这个系统中表单模块是最复杂的一个模块，我们引入了大量的组件:Radio单选框、Input输入框、Select选择器、Cascader级联选择器、Switch开关、TimePicker时间选择器、DatePicker日期选择器、Upload上传、Transfer穿梭框ÿ