homeburger/agologum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add crud to api
All checks were successful
Build and Deploy Frontend / build-and-deploy (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Blitblank
2026-03-10 22:49:14 -05:00
parent 728258465d
commit 9b6a4c75b9
12 changed files with 172 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/api/UsersApi.ts
View File

@@ -7,14 +7,18 @@ import axios from "axios";
import type {AxiosResponse } from "axios";
import type { User } from "../models/User.ts";
const API_URL: string = "/api/items";
const API_URL: string = "/users";
export const getUsers = () => axios.get<User[]>(API_URL);
const api = axios.create({
baseURL: "http://10.145.164.106:5227/api"
});
export const getUser = (id: number) => axios.get<User>(`${API_URL}/${id}`);
export const getUsers = () => api.get<User[]>(`${API_URL}`);
export const createUser = (data: User) => axios.post<User>(API_URL, data);
export const getUser = (id: number) => api.get<User>(`${API_URL}/${id}`);
export const updateUser = (id: number, data: User) => axios.put<User>(`${API_URL}/${id}`, data);
export const createUser = (data: User) => api.post<User>(`${API_URL}`, data);
export const deleteUser = (id: number) => axios.delete<User>(`${API_URL}/${id}`);
export const updateUser = (id: number, data: User) => api.put<User>(`${API_URL}/${id}`, data);
export const deleteUser = (id: number) => api.delete<User>(`${API_URL}/${id}`);

4
client/src/components/UsersTable.vue
View File

@@ -17,13 +17,13 @@ onMounted(() => { // register callback for when component is loaded on page
<div>
<h1>Users</h1>
<router-link to="/users/new">Create User</router-link>
<router-link to="/user/new">Create User</router-link>
<table>
<tr v-for="user in store.users" :key="user.id">
<td>{{ user.name }}</td>
<td>
<router-link :to="`/users/${user.id}`">Edit</router-link>
<router-link :to="`/user/${user.id}`">Edit</router-link>
<button @click="store.removeUser(user.id)">Delete</button>
</td>
</tr>

4
client/src/pages/UsersList.vue
View File

@@ -16,13 +16,13 @@ onMounted(() => {
<div>
<h1>Users</h1>
<router-link to="/users/new">Create User</router-link>
<router-link to="/user/new">Create User</router-link>
<table>
<tr v-for="user in store.users" :key="user.id">
<td>{{ user.name }}</td>
<td>
<router-link :to="`/users/${user.id}`">Edit</router-link>
<router-link :to="`/user/${user.id}`">Edit</router-link>
<button @click="store.removeUser(user.id)">Delete</button>
</td>
</tr>