[小白的Web全栈之旅]独立开发电子商务网站--所需框架及api
哈喽大家好，今天博主要讲解的是独立开发电子商务网站的第四篇——所需框架及api，想要预览整个系列博客的参考目录请点击这里
在本博客，博主会讲解：
- JQuery介绍
- Bootstrap介绍
- 榛子云sms短信功能
- bufpay支付功能
JQuery介绍
JQuery，是一个JavaScript的框架，可以将JS语言简易化，倡导“写的更少，做得更多”，即用少量的代码实现比使用js更多的功能。
为什么我们项目需要JQuery？
因为我们项目会用到Bootstrap框架，该框架需要JQuery实现部分功能。
如何使用JQuery？
在这里我们使用CDN获取JQuery，CDN指的是通过指定的链接获取资源。
只需要在HTML文件的head标签里面插入：
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>即可。
Bootstrap介绍
Bootstrap，是一款前端设计的框架，我们使用Bootstrap的原因是Bootstrap可以给和博主一样毫无艺术细胞的全栈工程师更快捷的设计界面，并且界面会很好看。
同样，我们也是使用CDN的方式导入Bootstrap，在head标签中插入以下代码即可。
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>榛子云sms短信功能
在本项目，我们需要sms功能来发送短信，主要用于：
- 用户注册验证码
- 供货商注册发送短信给管理员进行审核
- 用户订购商品之后发短信给供货商让其发货
- 供货商发货后短信给会员订单号以及快递公司名称
- 7天后如果会员未确认收货，每日自动询问会员是否收到货，收到货请去确定，否则10天后自动收货
- ...
在这里，博主参考了众多sms功能的接口，发现榛子云是性价比最高的一个：点击此处进入榛子云官网
Bufpay支付功能
在本项目，我们需要Bufpay支付功能，主要用于：
- 生成微信/支付宝收款码
- 进行收款
- 进行确定订单
和sms插件一样，博主找到了一个最便宜，抽取手续费最少的一个接口，名为bufpay，点击此处进入bufpay官网
最后（小彩蛋）
还记得上一篇博客中的html文件吗，让我们再给它打开来。
这次我们来试验一下Bootstrap的功能，看看是不是会变的很漂亮，
效果如下：
是不是感觉好看了好几百几千倍？
是不是感觉很高端大气上档次？
是不是觉得这个终于像是人做出来的了？
是不是感觉很难做？
其实，代码很简单，一点都不复杂！
只需要将下列代码覆盖进我们之前的html文件：
<!DOCTYPE html>
<html><head><title>JN_X
[小白的Web全栈之旅]独立开发电子商务网站--所需框架及api相关推荐
- [小白的Web全栈之旅]独立开发电子商务网站--项目创建+数据库开发
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里 在本博客,博主会讲解: 项目创建 PHP连接MySQL 创建数据表 数据的 ...
- [小白的Web全栈之旅]独立开发电子商务网站--项目介绍
Web开发,是一个看似简单,实际复杂的工程,需要包括但不限于设计师.前端开发.后端开发的程序员们来开发,而Web全栈开发,是一种carry全场,具备页面设计,前端开发,后端开发等多个技能于一身的大神程 ...
- [小白的Web全栈之旅]独立开发电子商务网站--管理员后台开发（一、界面开发）
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里 在本博客,博主会讲解: 调用Bootstrap开发管理员后台登入界面 调用 ...
- [小白的Web全栈之旅]独立开发电子商务网站--管理员后台开发（二、登入实现+管理商品【上】）
哈喽大家好,今天博主要讲解的是独立开发电子商务网站的第五篇--项目创建+数据库开发,想要预览整个系列博客的参考目录请点击这里 在本博客,博主会讲解: 通过查询MySQL实现管理员登入 查询已上架商品 ...
- 独立开发电子商务网站---开发管理
独立开发意味着没有团队合作,但是也要给自己做好开发管理. Scrum的迭代开发模式,可以快速交付有价值的产品.现在也可以借鉴一下它的部分威力. 待办事项(优先级高的在前面) 现在把要做的事情粗略地罗列 ...
- 网站https加载不出css样式_Python Web全栈之旅04--Web前端●走入CSS的世界
一.CSS初认识 1.趣调查 2."装修小能手" 前面我们研究了HTML,回顾下它是做什么的? 当我们用HTML搭建好网页的基本骨架,下面请出我们的"装修小能手" ...
- 独立开发电子商务网站---数据库设计
由于数据库后期维护的代价很大,因此设计数据库的时候要考虑到的很周到,非常重要的一个环节.个人对数据库设计方面的看法如下: 1.可扩展.如果增加一个表,或者一个字段,尽量不要影响到现有系统,无需改动现有 ...
- Web全栈开发基础（小白入门版本）
博客传送门 近几个月认真写了写Web全栈代码,有点小收获这里分享一下.我还做了个PPT,资源路径 欢迎拍砖指点! Web全栈开发是一个听起来很虎的名词.本文从技术层面解释全栈开发,能帮助没有全栈概念, ...
- 小白都能看懂的实战教程 手把手教你Python Web全栈开发(DAY 3)
小白都能看懂的实战教程 手把手教你Python Web全栈开发 Flask(Python Web)实战系列之在线论坛系统 第三讲 这是小白都能看懂的实战教程 手把手教你Python Web全栈开发 的 ...
最新文章
- Andorid 实现图片转成pdf的方法
- 关于Lambda和匿名内部类
- Sqlite使用技巧集锦
- 青年歌手大奖赛_评委会打分
- c语言标准io中可读可写,C语言标准IO： [先读再feof] VS [先feof再读]
- 从青铜到王者的路线，java不同系统间数据同步
- SQL Server 2008存储结构之GAM、SGAM
- 董明珠解释举报奥克斯初衷：这不仅是企业间的竞争 更是道德的选择
- VAD实现(一) 读取语音数据
- python开发wince_零基础学习WinCE开发
- 单GPU实现20Hz决策，最新基于序列生成模型的高效轨迹规划方法
- (Neighbourhood Components Analysis) NCA 近邻成分分析的学习
- 用户一键登陆，如何实现？了解一下！
- html svg图片不显示,html/css svg怎么显示不出来？
- 一些文学常识。。。。。。
- 【iOS-UIImagePickerController访问相机和相册】
- 前端推荐的学习资源网站
- os.path.dirname(path)
- 小米一元流量magisk_小米手机官方REC装面具（magisk）教程
- 小陈的Java学习心得
热门文章