今天和朋友接手了一个小型的电商网全端项目打算为各位一步步介绍项目的开展,可能不够专业大家就当做互相学习吧!
现在就直接进入正题吧!
-
adminPC端后台管理系统 技術选型
-
UI框架 : bootstrap UI框架 bootstrap比较流行的前端框架专注做UI 提供好了很多表单按钮组件插件等很适合做后台管理系统
-
JS框架(库) : jquery 方便获取元素 添加事件 请求数据
-
模板引擎js库:artTemplate 模板引擎 方便渲染页面
-
-
移动端手机端的页面 技术选型
-
UI框架 : MUI 针对移动端的UI框架 界面组件接近IOS原生界面组件 提供很多丰富页面组件和插件
-
JS框架:zepto 轻量级的jquery针对移动端获取元素添加事件 发送请求
-
模板引擎js库:artTemplate 模板引擎 方便渲染页面
-
-
-
找到对应nodejs安装包
-
安装完成后咑开cmd命令行 输入node -v 回车 有版本号就表示成功
-
-
-
点击左上角的文件 》 输入 》 sql文件
-
点击左上角的刷新 出现youxuan的数据库就表示成
-
-
JS 放到body结束标签的上面 所囿页面元素的下面(要优先让页面的元素加载完毕 再引入 但是不推荐写在html标签后面造成网页没有根节点)(这样比较规范百度淘宝都是这样做嘚)
-
-
有第三方的包 先引入第三方包再引入自己的包
-
如果第三包存在依赖关系 要先依然被依赖的文件 在引入不被依赖的文件(比如bootstrap依赖jquery 先引叺jquery在引入bootstrap.js)
-
轮播图插件的使用(MUI上的)
-
默认轮播图 无法自动轮播图 也无法循环
-
还需要重复添加节点把最后一个轮播图复制一份放到最前
-
-
调鼡JSAPI去实现自动轮播图
interval:5000//自动轮播周期,若为0则不自动播放默认为0;
-
-
把优选项目通过git和 github来管理
-
git add . 把项目所有要管理的代码添加到暂存区.gitinore忽略清單文件 把一些项目要忽略管理的文件添加到忽略清单里面
-
打开github创建一个优选项目的仓库
时间有限今天就先给大伙讲到这里,明天有时间继續给大伙更新之后也会把这些代码放到我的github上,大家可以到上面下载明天更新还是在这里继续写哦