第三讲前端主页面搭建

奔跑的熊猫 2023-01-12 15:14:08

课时名称	课时知识点
第三讲前端主页面搭建	前端主页面搭建

...全文

61 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

登录和获取用户信息都完成了，现在要进行主页面搭建一：前台 1：先配置一个路由，同时在component里面创建Layout.vue文件，在router文件夹里面的index.js里面配置引入Layout组件，如果访问根目录就加载layout页面 2：在layout里面搭建页面主页面包括头部区域，左侧区域右侧区域-----这其中分为三个子组件方便管理同时要在总组件里面引入这三个组件进行注册使用 3：分完组件之后就应该写组件了----都在ui里面找到的头部区域功能有个log

Vue3项目练习详细步骤(第二部分：主页面搭建)

所以ManagerLayout.vue文件就是写Aside导航菜单的那些路由的入口（通俗的讲把它想象成一个超链接就是在Aside那边设置了超链接，右边Main模块的内容根据你在Aside那边点击的功能模块相对应），在这里我一共设置了两个页面的样式一个是HomeView.vue（放置了一个表格框架），另一个是AdminView.vue（放置了一个静态表格样式），两个文件的样式都是在Element-UI官网中可以找得到的。在这里今天的编码任务完成，明天要完成的是后端接口与数据库的创建，敬请期待！

SpringBoot个人博客—前端页面功能介绍（一）一、前端框架Semantic UI Semintic UI官网：https://semantic-ui.com/ 前端页面主要采用了Semantic前端开发框架对页面骨架进行快速搭建。 Semantic作为一款开发框架，能够帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局更加快速设计出漂亮的网站。具体使用细节可以访问官网查看官方文档。 Semintic UI提供了一系列第三方组件和模板供我们使用，使我们可以更加方便、快捷的搭建出前端模板。

安装Node.js 1.下载地址：Node.js 2.安装Node.js(傻瓜式安装) 双击“node-v16.14.0-x64.msi”，开始安装node.js，自定义安装在D:\install\nodejs文件夹下。安装完成后，在cmd控制台输入：node -v，控制台将打印出版本号，则表示安装成功该引导步骤会将node.exe文件安装到D:\install\nodejs目录下，并将该目录添加进PATH环境变量安装npm 由于新版的node.js已经集成了npm，所以在第2步时npm也一并安装

胡延亮的课程社区_NO_4

1

社区成员

163

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章