I want to add a message board to my website.
Final effectBrowse effects
Implement leancloud.cnhttps://leancloud.cn/sign up for a moment!Detailed Help documentation
Here is the js configuration please don't forget to tickjs
index.html<script src="//cdn1.lncld.net/static/js/3.5.0/av-min.js"></script>
Initialization
The Help document provides three forms of attribute rules, namely ES5, ES6, server
To ensure that data is successfully accessed, the ping server can be
ping uziwpzsm.api.lncld.netAdd code to test
var TestObject = AV.Object.extend(‘TestObject‘); // TestObject 为对应的图3的TestObjectvar testObject = new TestObject()testObject.save({ words: ‘Hello World!‘ // 存入一个key为words 指为Hello World}).then(function(object) { alert(‘LeanCloud Rocks!‘) // 当存入成功 返回})Overall JS Code
const appId = ‘XXXXX‘; // 你的appIdconst appKey = ‘XXX‘; // 你的appKeyAV.init({ appId, appKey });const TestObject = AV.Object.extend(‘TestObject‘); // TestObject 为对应的图3的TestObjectconst testObject = new TestObject()testObject.save({ words: ‘Hello World!‘ // 存入一个key为words 指为Hello World}).then((object) => { alert(‘LeanCloud Rocks!‘) // 当存入成功 返回})
<body><sectionid="Message"class="Message" > Message <ul> </ul> <form> <labelclass="Name"> <inputtype="Text"name="Name"placeholder="NAME"> <iclass="Iconfont icon-user"></i> </label> <labelclass="Content"> <inputtype="Text"name="Content"placeholder="MESSAGE"> <iclass="Iconfont icon-message"></i> </label> <inputclass="Send"type="Submit"value="SEND >"> </form> </section> </div> <scriptsrc="//cdn1.lncld.net/static/js/3.5.0/av-min.js"></script></body>TextObject change it to your own name, like message.class小型业务 or 个人业务 , for example, my message boards. Do not use in large business, or you may also consider payingSmall white How to add a database to the website
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
