Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4d24b7582d | |||
| 480fcdcf0c |
@ -1,60 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ru">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>Лабораторная 1</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container-sm p-3">
|
|
||||||
<form id="calc">
|
|
||||||
<h2 class="text-center mb-3">Произведение</h2>
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="input-group mb-1">
|
|
||||||
<input type="number" class="form-control" placeholder="V1" aria-label="First Number" name="v1" autocomplete="off">
|
|
||||||
<span class="input-group-text">*</span>
|
|
||||||
<input type="number" class="form-control" placeholder="V2" aria-label="Second Number" name="v2" autocomplete="off">
|
|
||||||
<span class="input-group-text" id="calc_result">0</span>
|
|
||||||
<button type="submit" class="btn btn-primary">Подтвердить</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<form id="toUpperCase">
|
|
||||||
<h2 class="text-center mb-3">Поднять регистр</h2>
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="input-group mb-1">
|
|
||||||
<input type="text" class="form-control" placeholder="String" aria-label="Your String" name="value" autocomplete="off">
|
|
||||||
<span class="input-group-text" id="tuc_result"></span>
|
|
||||||
<button type="submit" class="btn btn-primary">Подтвердить</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<form id="split">
|
|
||||||
<h2 class="text-center mb-3">Разделить строку</h2>
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="input-group mb-1">
|
|
||||||
<input type="text" class="form-control" placeholder="String" aria-label="Your String" name="value" autocomplete="off">
|
|
||||||
<input type="text" class="form-control" placeholder="Separator" aria-label="Your String" name="sep" autocomplete="off">
|
|
||||||
<button type="submit" class="btn btn-primary">Подтвердить</button>
|
|
||||||
</div>
|
|
||||||
<span class="input-group-text" id="ss_result"></span>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<form id="toHex">
|
|
||||||
<h2 class="text-center mb-3">16-ая система</h2>
|
|
||||||
<div class="mb-3">
|
|
||||||
<div class="input-group mb-1">
|
|
||||||
<input type="number" class="form-control" placeholder="Number" aria-label="Your Number" name="value" autocomplete="off">
|
|
||||||
<span class="input-group-text" id="nth_result"></span>
|
|
||||||
<button type="submit" class="btn btn-primary">Подтвердить</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script type="module" src="main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,71 +0,0 @@
|
|||||||
import 'bootstrap/dist/css/bootstrap.css'
|
|
||||||
import serverRequest from "./serverRequsest.js";
|
|
||||||
|
|
||||||
const $forms = document.querySelectorAll("form");
|
|
||||||
|
|
||||||
const onSubmit = (e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
const form = e.target;
|
|
||||||
|
|
||||||
switch (form.id) {
|
|
||||||
case "calc" : {
|
|
||||||
calc(form)
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "toUpperCase" : {
|
|
||||||
tuc(form)
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "split" : {
|
|
||||||
split(form)
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case "toHex" : {
|
|
||||||
nth(form)
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const calc = (form) => {
|
|
||||||
const v1 = form.v1.value;
|
|
||||||
const v2 = form.v2.value;
|
|
||||||
|
|
||||||
serverRequest.calc(v1, v2).then(data => {
|
|
||||||
const $res = document.getElementById("calc_result");
|
|
||||||
$res.innerHTML = data;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const tuc = (form) => {
|
|
||||||
const value = form.value.value;
|
|
||||||
|
|
||||||
serverRequest.toUpperCase(value).then(data => {
|
|
||||||
const $res = document.getElementById("tuc_result");
|
|
||||||
$res.innerHTML = data;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const split = (form) => {
|
|
||||||
const value = form.value.value;
|
|
||||||
const sep = form.sep.value;
|
|
||||||
|
|
||||||
serverRequest.split(value, sep).then(data => {
|
|
||||||
const $res = document.getElementById("ss_result");
|
|
||||||
$res.innerHTML = data;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const nth = (form) => {
|
|
||||||
const value = form.value.value;
|
|
||||||
|
|
||||||
serverRequest.toHex(value).then(data => {
|
|
||||||
const $res = document.getElementById("nth_result");
|
|
||||||
$res.innerHTML = data;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$forms.forEach(item => {
|
|
||||||
item.onsubmit = onSubmit;
|
|
||||||
})
|
|
||||||
|
|
||||||
1115
Front/package-lock.json
generated
1115
Front/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,19 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "interface_project",
|
|
||||||
"private": true,
|
|
||||||
"version": "0.0.0",
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "./node_modules/.bin/vite",
|
|
||||||
"build": "./node_modules/.bin/vite build",
|
|
||||||
"preview": "./node_modules/.bin/vite preview"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"vite": "^4.1.0"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"ajax": "^0.0.4",
|
|
||||||
"axios": "^1.3.2",
|
|
||||||
"bootstrap": "^5.2.3"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
import axios from "axios";
|
|
||||||
|
|
||||||
export default class serverRequest {
|
|
||||||
static #url = "http://localhost:8080/";
|
|
||||||
|
|
||||||
static async calc(v1 = 0, v2 = 0) {
|
|
||||||
const { data } = await axios.get(this.#url + `calc?v1=${v1}&v2=${v2}`);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
static async toUpperCase(str = "") {
|
|
||||||
const { data } = await axios.get(this.#url + `toUpperCase?value=${str}`);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
static async split(str= "", sep = "") {
|
|
||||||
if (sep === " ") return;
|
|
||||||
const { data } = await axios.get(this.#url + `split?value=${str}&sep=${sep}`);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
static async toHex(number = 0) {
|
|
||||||
const { data } = await axios.get(this.#url + `toHex?number=${number}`);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -2,39 +2,12 @@ package ru.ulstu.is.cbapp;
|
|||||||
|
|
||||||
import org.springframework.boot.SpringApplication;
|
import org.springframework.boot.SpringApplication;
|
||||||
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
||||||
import org.springframework.web.bind.annotation.*;
|
|
||||||
|
|
||||||
@SpringBootApplication
|
@SpringBootApplication
|
||||||
@RestController
|
|
||||||
@CrossOrigin
|
|
||||||
public class CbappApplication {
|
public class CbappApplication {
|
||||||
|
|
||||||
public static void main(String[] args) {
|
public static void main(String[] args) {
|
||||||
SpringApplication.run(CbappApplication.class, args);
|
SpringApplication.run(CbappApplication.class, args);
|
||||||
}
|
}
|
||||||
|
|
||||||
// http://localhost:8080/calc?v1=15&v2=3
|
|
||||||
@GetMapping("/calc")
|
|
||||||
public Integer doProiz(@RequestParam(defaultValue = "10") int v1,
|
|
||||||
@RequestParam(defaultValue = "2") int v2) {
|
|
||||||
return v1*v2;
|
|
||||||
}
|
|
||||||
// http://localhost:8080/toUpperCase?value=internetprogramming
|
|
||||||
@GetMapping("/toUpperCase")
|
|
||||||
public @ResponseBody String toUpperCase(@RequestParam(defaultValue = "") String value) {
|
|
||||||
return value.toUpperCase();
|
|
||||||
}
|
|
||||||
|
|
||||||
// http://localhost:8080/split?value=dghghyyh&sep=g
|
|
||||||
@GetMapping("/split")
|
|
||||||
public @ResponseBody String[] split(@RequestParam(defaultValue = "") String value,
|
|
||||||
@RequestParam(defaultValue = " ") String sep) {
|
|
||||||
return value.split(sep);
|
|
||||||
}
|
|
||||||
|
|
||||||
// http://localhost:8080/toHex?number=765
|
|
||||||
@GetMapping("/toHex")
|
|
||||||
public @ResponseBody String toHex(@RequestParam(defaultValue = "0") int number) {
|
|
||||||
return Integer.toHexString(number);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user