网站无后端开发

所用编程知识：bootstrap + JS + Github + leancloud

介绍leancloud

一站式后端服务，云引擎，能免费存储数据，不需要建库，数据是用json格式存储，leancloud官网：https://www.leancloud.cn/
支持Javascript，Java，Python，PHP，Go，Android等
使用文档：https://leancloud.cn/docs/index.html 根据不同的编程语言选择，容易上手
Demo：https://leancloud.cn/docs/demo.html 这里面有许多leancloud实例，从github上下载下来可以更好的帮助理解

功能

数据存储
云引擎 + 数据库
即时通信
推送通知
短信
游戏解决方案
REST API

应用

我暂且使用的只有数据存储功能，其他的功能大家可以试着看一下
使用leancloud开发工作室网站，，小型网站可以选择开发板的（免费易管理）
前端页面放在Github上进行静态管理，数据部分使用第三方数据引擎leancloud存储数据，JS + leancloud实现无后端开发，不懂的地方看文档，看实例
之所以选择这种形式的开法，是因为没有买服务器，如果想要买一个服务器端的话，就不需要这样了，当然配置服务器也不简单
有一个Valine评论系统，就是基于leancloud开发的。然后感觉用着挺方便的

leancloud引用特别方便，如果是SDK的话可能会用到Node.js，但平常就是引入一个JS文件

1	<script src="https://code.bdstatic.com/npm/leancloud-storage@5.0.0-beta.0/dist/browser/lc.min.js"></script>

然后需要初始化一下

const appId = "gw4laJU022aE9r8F8HgIlkur-gzGzoHsz";
const appKey = "FSHBNc10OyrdSgB68dM5CYgm";
const serverURL = "https://gw4laju0.lc-cn-n1-shared.com";
AV.init({ appId, appKey, serverURL});

另外leancloud的安全性也比较高，登录、注册等等包含个人信息的操作，都已经写入了安全机制，直接引用他提供的函数或者代码就行，包括退出登录等等

//登录
  AV.User.login(username, password)
    .then(() => {
      window.location.href = "index.html";				//跳转页面
    })
    .catch(({ error }) => alert(error));
}
//注册
  AV.User.signUp({
    username: $("#inputUsername").val(),
    password: $("#inputPassword").val(),
    email: $("inputEmail").val(),
  })
    .then(() => {
      window.location.href = "index.html";
    })
    .catch(({ error }) => alert(error));
}
//退出登录
function logout() {
	  AV.User.logOut();
	  window.location.href = "lyear_pages_login.html";
	}
	
	$(function () {
	  if (LC.User.current()) {
	    setupData();
	  } else {
	    window.location.href = "lyear_pages_login.html";
	  }
	});

创建数据类（class类），可以通过代码创建，也可以手动创建，都很简单，操作方式和navicat差不多，数据类型就是存储图片的时候比较特殊，如果需要存一些比较大的数据，比如图片，文件，等等，需要选择自带的文件存储类型（_File）
除此之外就是基本的增删改查，还有就是一些数据的遍历循环，可能写的比较简单吧，后期再更新完善吧
leancloud不仅有这些基本开发还有许多高级开发，好友关系，即时通信等

网页部分

网页部分比较简单，就是用bootstrap写的静态页面，官网部分包括后台页面部分，bootstrap是前端的一个比较简单的开发框架，官网：https://www.bootcss.com/
静态网页可以放在自己的Github进行托管，Github有自己的静态网页托管功能，就是把你上传的前端代码的静态网页展示出来，别人也都能访问，设置这个功能也非常简单，大家可以在CSDN上查一下，但是有一点不那么好，就是访问起来比较慢，尤其是东西比较多，图片多的时候需要加载好久，然后我做的一个优化机制是，利用PicGo + GIthub做了一个图床，就是把本地的图片变成在线的图片，这样会非常提高访问效率，但是效果没有那么好，因为Github是国外的网站，有时候会出现连不上的情况，所以就改变策略找了一个国内的PicGo + vika感觉话不错，我的博客和工作室的网站就是这样弄的。
前端网页做的话最好找一个模板对照一下，不同浏览器的兼容问题，还要照顾一下移动端用户，手机访问的时候不能乱，这才是一个合格的网页
中间可能会有Github使用的问题，可以看之后写的Git的使用方法