crud.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 面向过程写法
  11. // 页面操作的数据表数量 x 4倍
  12. // 页面中有4个常用表,16个函数
  13. class FmodeObject{
  14. className
  15. data
  16. constructor(className){
  17. }
  18. set(data){
  19. this.data = {
  20. ...this.data,
  21. ...data
  22. }
  23. }
  24. async save(){
  25. let data = this.data;
  26. delete data.objectId;
  27. delete data.updatedAt;
  28. delete data.createdAt;
  29. delete data.ACL;
  30. let response = await fetch("http://dev.fmode.cn:1337/parse/classes/"+this.className, {
  31. "headers": {
  32. "accept": "*/*",
  33. "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
  34. "content-type": "text/plain;charset=UTF-8",
  35. "x-parse-application-id": "dev"
  36. },
  37. // JSON字符串
  38. "body": JSON.stringify(data),
  39. "method": "POST",
  40. "mode": "cors",
  41. "credentials": "omit"
  42. });
  43. }
  44. }
  45. // JSON.stringify
  46. // JSON.parse
  47. async function createProject(projectData){
  48. let response = await fetch("http://dev.fmode.cn:1337/parse/classes/Project", {
  49. "headers": {
  50. "accept": "*/*",
  51. "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
  52. "content-type": "text/plain;charset=UTF-8",
  53. "x-parse-application-id": "dev"
  54. },
  55. // JSON字符串
  56. "body": JSON.stringify(projectData),
  57. "method": "POST",
  58. "mode": "cors",
  59. "credentials": "omit"
  60. });
  61. }
  62. async function createProfile(data){
  63. let response = await fetch("http://dev.fmode.cn:1337/parse/classes/Profile", {
  64. "headers": {
  65. "accept": "*/*",
  66. "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
  67. "content-type": "text/plain;charset=UTF-8",
  68. "x-parse-application-id": "dev"
  69. },
  70. // JSON字符串
  71. "body": JSON.stringify(data),
  72. "method": "POST",
  73. "mode": "cors",
  74. "credentials": "omit"
  75. });
  76. }
  77. </script>
  78. <button onclick="createProject({title:'门窗销售智能体',duration:25})">创建项目1</button>
  79. <button onclick="createProject({title:'LTC全流程销售跟进系统',duration:65})">创建项目2</button>
  80. </body>
  81. </html>