Web全栈开发案例教程课件 附课程实验.pptxVIP

课程实验《Web全栈开发案例教程》

目录/Contents010203HTML和CSS制作页面flex布局和响应式网页实现Node.js和浏览器端JS实验04微信小程序页面和绑定数据

实验一王船山简介页面的制作网页中插入文本、图像和列表的标签是哪些？怎样将CSS和HTML代码挂接在一起?本例中哪些地方用到了浮动属性？步骤一：编写HTML代码步骤二：编写CSS代码

实验二栏目框的制作Flex布局是怎样实现两端对齐的？文本过长自动省略是怎样用CSS实现的？步骤一：用浮动实现左右两端对齐步骤二：用flex布局实现左右两端对齐

实验三响应式网页的制作Flex布局是怎样实现三栏由水平转竖直排列的？Flex是怎样实现一列固定、一列变宽布局的？步骤一：用flex布局实现下图的布局步骤二：添加媒体查询实现响应式布局

实验四ES6编程基础实验模板字符串是怎样嵌入变量的？在一个文件中要导出多个函数或变量怎么实现？步骤一：普通字符串转模板字符串步骤二：普通函数转箭头函数步骤三：ES6模块化，导出函数与导入函数letstr=`${name}is${animal}`()={}module.exports=app;varexpress=require(express);

实验五为栏目框绑定数据模板页的文件后缀名是什么，应放在哪个目录下？查询数据库要使用express中的什么方法