[小白的Web全栈之旅]独立开发电子商务网站--所需框架及api

本文链接：https://blog.csdn.net/qq_41676090/article/details/103864675

哈喽大家好，今天博主要讲解的是独立开发电子商务网站的第四篇——所需框架及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>