- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是环回新手。我正在尝试在网页中显示记录列表。我使用 mysql 作为后端。当我运行服务器时,它运行了 2 或 3 分钟,然后服务器关闭了连接。当我向本地主机网页发出请求时没有显示数据库。
这是 users.json 的代码。
{
"name": "users",
"plural": "User",
"base": "PersistedModel",
"idInjection": true,
"options": {
"validateUpsert": true
},
"properties": {
"username": {
"type": "string",
"required": true
},
"password": {
"type": "number",
"required": true
},
"createdAt": {
"type": "date",
"required": true
},
"updatedAt": {
"type": "date",
"required": true
}
},
"validations": [],
"relations": {},
"acls": [],
"methods": {}
}
这是 datasource.json 文件。
{
"db": {
"name": "db",
"connector": "memory"
},
"users": {
"host": "localhost",
"port": 3306,
"url": "",
"database": "shoppingdatabase",
"password": "",
"name": "users",
"user": "root",
"connector": "mysql"
}
}
这是index.html代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src=".../boot/server.js"></script>
</head>
<body id="UserApp">
<script>
const API = 'http://localhost:3000/api/User/';
let UserApp = new Vue({
el: '#UserApp',
data: {
users: [],
user: {
id: '',
username: '',
password: '',
createdAt: '',
updatedAt: '',
email: ''
}
},
created: function () {
this.getUsers();
},
methods: {
getUsers: function () {
fetch(API)
.then(res => res.json())
.then(res => this.users = res);
},
storeUser: function () {
let method;
console.log('storeCat', this.user);
// Handle new vs old
if (this.user.id === '') {
delete this.user.id;
method = 'POST';
} else {
method = 'PUT';
}
fetch(API, {
headers: {
'Content-Type': 'application/json'
},
method: method,
body: JSON.stringify(this.user)
})
.then(res => res.json())
.then(res => {
this.getUsers();
this.reset();
});
},
deleteCat: function (c) {
fetch(API + c.id, {
headers: {
'Content-Type': 'application/json'
},
method: 'DELETE'
})
.then(res => res.json())
.then(res => {
this.getUsers();
});
// call reset cuz the cat could be 'active'
this.reset();
},
editUser: function (c) {
/*
This line was bad as it made a reference, and as you typed, it updated
the list. A user may think they don't need to click save.
this.cat = c;
*/
this.user.id = c.id;
this.user.username = c.username;
this.user.password = c.password;
this.user.createdAt = c.createdAt;
this.user.updatedAt = c.updatedAt;
this.user.email = c.email;
},
reset: function () {
this.user.id = '';
this.user.username = '';
this.user.password = '';
this.user.createdAt = '';
this.user.updatedAt = '';
this.user.email = '';
}
}
});
</script>
<div>
<h1>User List</h1>
<table>
<thead>
<tr>
<th>Id</th>
<th>Username</th>
<th>Password</th>
<th>Created Date</th>
<th>Updated Date</th>
<th>Email Address</th>
<td> </td>
</tr>
</thead>
<tbody>
<tr v-for="user in users">
<td @click="editUser(user)" class="userItem" title="Click to Edit">{{user.username}}</td>
<td>{{uaer.id}}</td>
<td>{{uaer.username}}</td>
<td>{{uaer.password}}</td>
<td>{{uaer.createdAt}}</td>
<td>{{uaer.updatedAt}}</td>
<td>{{uaer.email}}</td>
<td @click="deleteUser(user)" class="deleteUser" title="Click to Delete">Delete</td>
</tr>
</tbody>
</table>
<form @submit.prevent="storeUser">
<p>
<label for="username">User Name</label>
<input type="text" id="username" v-model="user.username">
</p>
<p>
<label for="password">Password</label>
<input type="password" id="password" v-model="user.password">
</p>
<p>
<label for="createdAt">Created Date</label>
<input type="text" id="createdAt" v-model="user.createdAt">
</p>
<p>
<label for="updatedAt">Updated Date</label>
<input type="text" id="updatedAt" v-model="user.updatedAt">
</p>
<p>
<label for="email">Email </label>
<input type="text" id="email" v-model="user.email">
</p>
<input type="reset" value="Clear" @click="reset">
<input type="submit" value="Save User 🐱">
</form>
</div>
</body>
<html/>
这是我的项目结构
这是我运行应用程序时的屏幕截图。
最佳答案
你真的需要访问那个/server.js吗?尝试为您的模型创建单独的 Controller 。或者尝试根据您的需要创建模型。仅供引用 - https://loopback.io/doc/en/lb3/Defining-models.html
然后删除它 从你的html中
你实际上不需要那个/server.js。另外,根据您的项目结构,您也没有任何 boot/server.js 。你的“boot”文件夹中只有 2 个文件 1.root.js 2.authentication.js
关于mysql - 环回应用程序错误 ERR_ABORTED 404(未找到),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57311668/
尝试从环的底部到顶部裁剪一个环 (50%),但结果并不像我预期的那样有效。 我的解决方案是 using bg_point_type = boost::geometry::model::d2::poin
上下文 我查看了 Google 上“Clojure、Ring、SSL”的前三个结果,对于使用 Clojure + Ring 设置 SSL 的“正确方法”似乎没有达成共识。 问题: 理想的答案是以下形式
这个问题在这里已经有了答案: 8年前关闭。 Possible Duplicate: Create random number within an annulus 我想在 annulus 内获得一个统一
对于我的应用程序,我需要组织一个循环(环形)队列。这意味着任何已处理的消息都会立即进入队列末尾继续处理。 例如: 队列:A、B、C。 接收方处理 A。 队列:B、C、A。 2 和 3 应以原子方式执行
我有一些源,其坐标(xn,yn,zn)相对于环的中心C和沿着我的视线的单位 vector (ns_ux,ns_uy,ns_uz)。我想计算这些源是否分别穿过内半径和外半径分别为 9.5 和 10.5
我想为 iOS 制作一个应用程序,我在 cocos2d 方面有一定的专业知识。我搜索了很多,但我发现的只是使用 webkit 实现此动画的 CSS,除了 C、Objective C、VHDL 之外,我
我有一个关于冷聚变和循环的问题。我有这个程序,我要求用户输入用户信息。用户可以为每种食物输入一些东西。 #GET_ITEM.ITEM_NBR#
安装后我遇到了 python key 环问题。这是我的步骤: $ python >>> import keyring >>> keyring.set_password('something','oth
我正在尝试从书中学习 MFC:MV C++ Windows Application by Example(2008)。有示例应用程序。我可以在其中绘制填充女巫所选颜色的戒指: void CRingVi
我正在寻求一些关于在 CSS 中创建“环形”形状的建议。以下是我需要实现的一些重要的详细目标: 环形边框粗细必须是百分比数字,而不是 rm 或绝对像素数,这样环形才能根据容器大小完全响应; 环形边框需
我真的很难掌握 Jade。我想做一些非常非常简单的事情:打印“一些文本”3次。我有一个 mixin 函数: mixin outputText() - for (var i = 0; i <= 3; i
如果用户已登录(即 session 的 user-id 键具有非零值),则路由到一个页面的最佳方法是什么;如果用户未登录,则路由到另一个页面的最佳方法是什么?理想的情况是有 2 组不同的路线。 谢谢!
我最近完成了一个程序,该程序将公钥下载到内存中,然后使用所有公钥创建一条加密消息。但是,我在创建仅包含我下载的 key 的列表时遇到了一些困难。首次下载时,它们存储在 gpgme_data_t 中。我
我需要在通过谷歌云运行的mysql中安装 key 环插件,但我不能,因为用户没有SUPER权限。有人遇到过同样的情况吗? mysql 安装插件 keyring_file SONAME 'keyrin
这是一个新手安全/控制台问题......我在我的项目中在欧洲的一个特定(错误)位置创建了一个 key 环。 我在控制台中看不到任何编辑甚至删除 key 环的方法。 key 圈完全是空的……里面没有 k
当我尝试从命令行(例如 svn)执行许多不同的操作时,我收到 gnome-keyring 警告。示例: $ lp README.txt WARNING: gnome-keyring:: couldn'
我的目标是使用 compojure 创建一个 Web 应用程序并附加 datomic 作为数据库。单独来看,这两个组件工作得很好。但是,当我尝试启动服务器时leinring server-headle
设置: 使用 GnuPG 的 Linux 或使用 GPG4Win(OpenPGP) 的 Windows 2048 RSA key 对已由可以访问 key 环的特权用户创建 已创建第二个较低权限的用户,
要创建加密表,可以使用以下查询: CREATE TABLE `t1` ( `intcol1` int(32) DEFAULT NULL, `intcol2` int(32) DEFAULT N
我对 Spring 框架很陌生。 我尝试迭代列表中的 10 个项目。我使用 thymeleaf 模板。 这是我的代码; 此代码无法正常工作,我找不到运行该代码的方法。 感谢您的关
我是一名优秀的程序员,十分优秀!