如何解决如何有效存储客户发票数据并按月,日期或名称过滤
我正在开发一个发票管理系统。我将使用react-js。我必须存储发票详细信息,例如卖方名称,客户名称,日期,价格,产品等。什么是最好的和最有效的存储和检索数据的方法。我需要数据来显示特定月份的销售情况的概况,因此需要按月甚至按日期过滤它们。
Ps:刚开始要在网络上存储数据,所以请保持友善。
解决方法
在React应用程序中有几种方法来管理状态,最简单的一种是组件状态(通过使用this.state或使用useState hook的钩子来使用类组件)。
如果您的应用程序很复杂,建议您使用Context API或redux库。
以下示例将帮助您入门(假设您在本地存储中拥有JSON对象,则可以阅读有关浏览器here的本地存储的更多信息)。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace calculator
{
class Program
{
static void Main(string[] args)
{
//set label for finished functions to return to
start:
System.Console.WriteLine("choose from one of the following calculator choices");
System.Console.WriteLine("1: whole number");
System.Console.WriteLine("2: addition");
System.Console.WriteLine("3: sine");
System.Console.WriteLine("4: cosine");
System.Console.WriteLine("5: absolue value");
System.Console.WriteLine("6: quit");
int optionSelect = Convert.ToInt32(Console.ReadLine());
switch (optionSelect)
{
case 1:
System.Console.WriteLine("whole number");
System.Console.WriteLine("give a decimal");
decimal temp = System.Console.Read();
System.Console.WriteLine(Convert.ToInt32(temp));
goto start;
case 2:
System.Console.WriteLine("addition");
System.Console.WriteLine("first int");
int add1 = Convert.ToInt32(System.Console.ReadKey());
System.Console.WriteLine("second int");
Console.ReadLine();
int add2 = Convert.ToInt32(System.Console.Read());
Console.ReadLine();
int answer = add1+add2;
System.Console.WriteLine("the answer is " + answer);
goto start;
case 3:
System.Console.WriteLine("sine");
System.Console.WriteLine("enter your angle in radians");
double numSin = Console.Read();
System.Console.WriteLine(Math.Sin(numSin));
goto start;
case 4:
System.Console.WriteLine("cosine");
System.Console.WriteLine("enter your angle in radians");
double numCos = Console.Read();
System.Console.WriteLine(Math.Cos(numCos));
goto start;
case 5:
System.Console.WriteLine("absolute value");
System.Console.WriteLine("enter a number");
double num = Convert.ToDouble(Console.Read());
System.Console.WriteLine(Math.Abs(num));
goto start;
case 6:
System.Console.WriteLine("shutting down...");
goto start;
default:
System.Console.WriteLine("invalid input");
goto start;
}
}
}
}
`
请记住,您可以创建一个自定义钩子,该钩子从本地存储中读取所需的参数(如果找不到则为默认值),然后在不同的组件中重复使用
function App() {
const [state,setState] = React.useState({});
React.useEffect(() => {
async function load() {
const data = localStorage.getItem('invoice');
if (data) {
// local storage has strings stored in it,parse them before set state.
setState(JSON.parse(data));
}
}
load();
},[]);
return (
<div>
<span>{state?.id}</span>
</div>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。