老師小幫手 | 程式專案 | 橘蘋學習平台

{"id":93582,"student_id":10,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.4.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003ch2\u003e老師小幫手\u003c/h2\u003e\\n    \u003ctable\u003e\\n        \u003cthead\u003e\\n            \u003ctr\u003e\\n                \u003cth\u003e姓名\u003c/th\u003e\\n                \u003cth id=\\\"order_by_a\\\"\u003e國文A\u003c/th\u003e\\n                \u003cth id=\\\"order_by_b\\\"\u003e英文B\u003c/th\u003e\\n                \u003cth id=\\\"order_by_c\\\"\u003e數學C\u003c/th\u003e\\n                \u003cth id=\\\"order_by_sum\\\"\u003e總成績\u003c/th\u003e\\n                \u003cth\u003e\u003c/th\u003e\\n            \u003c/tr\u003e\\n        \u003c/thead\u003e\\n        \u003ctbody\u003e\\n            \u003c!-- 這是用來複製的範例，專案完成後即可移除 --\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e束凱文\u003c/td\u003e\\n                \u003ctd\u003e46\u003c/td\u003e\\n                \u003ctd\u003e88\u003c/td\u003e\\n                \u003ctd\u003e91\u003c/td\u003e\\n                \u003ctd\u003e225\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\"\u003e移除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e黃子嘉\u003c/td\u003e\\n                \u003ctd\u003e95\u003c/td\u003e\\n                \u003ctd\u003e99\u003c/td\u003e\\n                \u003ctd\u003e85\u003c/td\u003e\\n                \u003ctd\u003e279\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\"\u003e移除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e何小妹\u003c/td\u003e\\n                \u003ctd\u003e75\u003c/td\u003e\\n                \u003ctd\u003e100\u003c/td\u003e\\n                \u003ctd\u003e68\u003c/td\u003e\\n                \u003ctd\u003e243\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\"\u003e移除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e邱小玉\u003c/td\u003e\\n                \u003ctd\u003e97\u003c/td\u003e\\n                \u003ctd\u003e81\u003c/td\u003e\\n                \u003ctd\u003e35\u003c/td\u003e\\n                \u003ctd\u003e213\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\"\u003e移除\u003c/td\u003e\\n            \u003c/tr\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e張育瑋\u003c/td\u003e\\n                \u003ctd\u003e88\u003c/td\u003e\\n                \u003ctd\u003e93\u003c/td\u003e\\n                \u003ctd\u003e100\u003c/td\u003e\\n                \u003ctd\u003e281\u003c/td\u003e\\n                \u003ctd class=\\\"delete\\\"\u003e移除\u003c/td\u003e\\n            \u003c/tr\u003e\\n        \u003c/tbody\u003e\\n    \u003c/table\u003e\\n    \u003cbutton id=\\\"create\\\"\u003e新增成績\u003c/button\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    height: 100vh;\\n    padding: 30px;\\n    text-align: center;\\n    background: rgb(71, 147, 227);\\n}\\nh2 {\\n    color: #fff;\\n}\\ntable {\\n    overflow: hidden;\\n    width: 100%;\\n    margin: 15px 0px;\\n    border-collapse: collapse;\\n    border-radius: 3px;\\n    background-color: #fff;\\n    box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.2);\\n}\\nth, td {\\n    padding: 15px 0px;\\n    font-size: 0.9rem;\\n    color: #555;\\n}\\nth {\\n    background-color: #36304a;\\n    color: #fff;\\n}\\ntbody tr:nth-child(even) {\\n    background-color: #f5f5f5;\\n}\\n.delete {\\n    opacity: 0.5;\\n    cursor: pointer;\\n}\\n.delete:hover {\\n    color: #ff3b3b;\\n    opacity: 1;\\n}\\nbutton {\\n    border: none;\\n    padding: 10px 15px;\\n    color: #fff;\\n    background-color: #4FC3A1;\\n    cursor: pointer;\\n}\\n#order_by_a,\\n#order_by_b,\\n#order_by_c,\\n#order_by_sum {\\n    cursor: pointer;\\n}\\n#order_by_a:hover,\\n#order_by_b:hover,\\n#order_by_c:hover,\\n#order_by_sum:hover {\\n    color: #ff3b3b;\\n}\",\"js\":\"var score = DB.table('score');\\n\\n$('#create').click(create);\\n$('tbody').on('click', '.delete', removeScore);\\n$('#order_by_sum').click(orderBySum);\\n\\n// 延伸挑戰\\n// $('#order_by_a').click(orderByA);\\n// $('#order_by_b').click(orderByB);\\n// $('#order_by_c').click(orderByC);\\n\\nscore.read({}, updateTable);\\n\\n// 新增一位學生的成績資料\\nfunction create () {\\n    var name = prompt('姓名?');\\n    var a = Number(prompt('國文成績?'));\\n    var b = Number(prompt('英文成績?'));\\n    var c = Number(prompt('數學成績?'));\\n    score.create({\\n        name: name,\\n        a: a,\\n        b: b,\\n        c: c,\\n        sum: a + b + c\\n    });\\n    score.read({}, updateTable);\\n}\\n\\n// 將資料庫查詢的資料 data 從新寫入畫面表格\\nfunction updateTable (data) {\\n    $('tbody').empty();\\n    for (var i=0; i\u003cdata.length; i++) {\\n        var html = `\\n            \u003ctr\u003e\\n                \u003ctd\u003e${data[i].name}\u003c/td\u003e\\n                \u003ctd\u003e${data[i].a}\u003c/td\u003e\\n                \u003ctd\u003e${data[i].b}\u003c/td\u003e\\n                \u003ctd\u003e${data[i].c}\u003c/td\u003e\\n                \u003ctd\u003e${data[i].sum}\u003c/td\u003e\\n                \u003ctd id=\\\"${data[i].id}\\\" class=\\\"delete\\\"\u003e刪除\u003c/td\u003e\\n            \u003c/tr\u003e\\n        ` \\n        $('tbody').append(html);\\n    }\\n}\\n\\n// 移除一筆學生成績資料\\nfunction removeScore () {\\n    var id = $(this).attr('id');\\n    score.delete({id: id});\\n    score.read({}, updateTable);\\n}\\n\\n// 根據總成績進行排序\\nfunction orderBySum () {\\n    score.read({}, {\\n        $orderBy: {\\n            sum: -1, // 成績由高排到低\\n        }\\n    }, updateTable);\\n}\\n\\n// 延伸挑戰\\n// function orderByA () {\\n//     score.read({}, {\\n//         $orderBy: {\\n//             a: -1,\\n//         }\\n//     }, updateTable);\\n// }\\n\\n// function orderByB () {\\n//     score.read({}, {\\n//         $orderBy: {\\n//             b: -1,\\n//         }\\n//     }, updateTable);\\n// }\\n\\n// function orderByC () {\\n//     score.read({}, {\\n//         $orderBy: {\\n//             c: -1,\\n//         }\\n//     }, updateTable);\\n// }\\n\"}","created_at":"2019-09-05T13:37:30.831+08:00","updated_at":"2019-11-11T03:14:20.893+08:00","name":"老師小幫手","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/93582/c42f5c302756a25492648dbe000ce286.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":257,"hashid":"5j3se38r","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}