I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
Introduction QRCode
Data display in the form of matrix, Actually i am saying to you that you data hide behind the image. First time this code is designed in japan. If you want to read more about QRCode click it. Here i have a library to generate QRCode image for your data.Generate code from nuget.org library
First to download MessagingToolkit.QRCode.dll assembly from Nuget source using some steps:1. Tools--Nuget Package Manager--Manage Nuget Packages for solution.
2. Search QRcode as text in Search bar. Now, appear some library in the middle pane.
3. Add a web form in solution. Now, I have two page one page is source page(Default2.aspx) and other one is code behind page(Default2.aspx.cs).
4. Add a Image control from the toolBox in design window of Default2.aspx page. Now, the source page look like
<asp:Image ID="img" runat="server"/>
5. Now, add this code in code behind file.
using System.Drawing;
using System.Drawing.Imaging;
using MessagingToolkit.QRCode.Codec.Data;
using MessagingToolkit.QRCode.Codec;
protected void Page_Load(object sender, EventArgs e)
{
QRCodeEncoder encoder = new QRCodeEncoder();
Bitmap hi = encoder.Encode("http://dotprogramming.blogspot.com");
hi.Save(Server.MapPath("~/imageFolder/ji.jpg"),ImageFormat.Jpeg);
img.ImageUrl = "~/imageFolder/ji.jpg";
}
Here, imageFolder is a directory which is exist in the project solution.
Code Generate the following output
Download Full Source code
II-Method
To generate QR Code image. First to Download QRcode library from the codeplex site.Webform Source page:
<form id="form1" runat="server">
<div>
<asp:Image ID="img" runat="server" Height="142px" Width="124px" />
</div>
</form>
CodeBehind file
protected void Page_Load(object sender, EventArgs e)
{
QrEncoder encode = new QrEncoder();
QrCode code = encode.Encode("hello world");
Bitmap hi = new Bitmap(code.Matrix.Width, code.Matrix.Height);
for (int i = 0; i<=code.Matrix.Width-1; i++)
{
for (int j = 0; j < code.Matrix.Height-1; j++)
{
if(code.Matrix.InternalArray[i,j])
{
hi.SetPixel(i, j, System.Drawing.Color.LightBlue);
}
else
{
hi.SetPixel(i, j, System.Drawing.Color.DarkBlue);
}
}
}
hi.Save(Server.MapPath("~/imjk/ji.jpg"),ImageFormat.Jpeg);
img.ImageUrl = "~/imjk/ji.jpg";
}
Comments
Post a Comment